slideToggle
slideToggle
I've created the following script that I'm hoping to use slideToggle on. It doesn't seem to be doing anything. Did I miss something?
- <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>· 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="#">· 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="#">· 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="#">· 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>