1 Replies - 869 Views - Last Post: 30 September 2010 - 07:31 AM

#1 wurzel   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 29-September 10

slideToggle

Posted 29 September 2010 - 12:34 PM

I was looking to use a jquery slideToggle to replicate the search feature on http://www.doctordir...om/findadoctor/

I wrote the following code, but it doesn't seem to be working. Any clues on what I messed up?

<link rel="StyleSheet" href="hmg.css" type="text/css" media="screen" />
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<div id="hmg_provider_search">
<h2>How do you want to search?</h2>
<div id="click_name">
<div id="hmg_provider_search_name">
<h3>&middot; By Healthcare Provider's Last Name</h3>
</div>
<div id="hmg_provider_search_name_more">
<div class="hmg_provider_search_inputcontainer"><label>Last Name:</label> <input id="lastname" name="lastname" value="Minimum 2 letters" /></div>
</div>
<div class="clearfix"></div>
</div>
<!-- end #hmg_provider_search_name -->
<div id="hmg_provider_search_specialty">
<h3><a href="#">&middot; By Specialty</a></h3>
<div id="hmg_provider_search_specialty_more">
<table border="0">
<tbody>
<tr>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
</tr>
<tr>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
</tr>
<tr>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
</tr>
<tr>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
<td><input name="specialty" type="radio" value="cardiology" /></td>
<td>Cardiology</td>
</tr>
</tbody>
</table>
<select> <option>Please Choose</option> <option>Anesthesiology</option> <option>Cardiac, Vascular and Thoracic Surgery</option> <option>Cardiology</option> <option>Dermatology</option> <option>Electrophysiology</option> <option>Emergency Medicine</option> <option>Family Practice</option> <option>Gastroenterology</option> <option>Geriatrics</option> <option>Gynecology</option> <option>Hospitalist</option> <option>Internal Medicine</option> <option>Nephrology</option> <option>Neurology</option> <option>Neuropsychology</option> <option>Neurosurgery</option> <option>Obstetrics and Gynecology</option> <option>Occupational Medicine</option> <option>Oncology (Medical/Hematology)</option> <option>Oncology (Radiation)</option> <option>Ophthalmology</option> <option>Orthopedics</option> <option>Otolaryngology (OFSC)</option> <option>Pain Management (Anesthesiology)</option> <option>Pediatrics</option> <option>Plastic Surgery</option> <option>Podiatry</option> <option>Psychiatry</option> <option>Psychology</option> <option>Pulmonary Medicine</option> <option>Radiology</option> <option>Sports Medicine</option> <option>Surgery, General, Bariatric, Thoracic and Vascular</option> <option>Urology</option> </select></div>
</div>
<!-- end #hmg_provider_search_specialty -->
<div id="hmg_provider_search_clinic">
<h3><a href="#">&middot; By Clinic</a></h3>
<div id="hmg_provider_search_clinic_more"><select> <option>Please Choose</option> <option>Advanced Orthopaedics</option> <option>Foot Care Center</option> <select></div>
</div>
<!-- end #hmg_provider_search_clinic -->
<div id="hmg_provider_search_all">
<h3><a href="#">&middot; All of the Above</a></h3>
<div id="hmg_provider_search_all_more"></div>
</div>
<!-- end #hmg_provider_search_all --> <input id="hmg_provider_search_submit" type="submit" value="SEARCH" /></div>
<!-- end #hmg_provider_search -->
<script type="text/javascript">// <![CDATA[
$('#h3').click(function() {
$('#hmg_provider_search_specialty_more').next().slideToggle();
});
// ]]></script>


Is This A Good Question/Topic? 0
  • +

Replies To: slideToggle

#2 Wimpy   User is offline

  • R.I.P. ( Really Intelligent Person, right? )
  • member icon

Reputation: 159
  • View blog
  • Posts: 1,038
  • Joined: 02-May 09

Re: slideToggle

Posted 30 September 2010 - 07:31 AM

Please learn how to properly indent your code, what you presented is a monster to interpret and maintain.

First thing I notice, however, is that you don't have any element with an id of "h3", perhaps you wanted to attach the click event to the <h3 />-element?

/Wimpy
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1