jquery ui show/hide toggle effect breaking form
A jquery UI effect to toggle show/hide a column of checkbox input
fields is breaking my form: the checkbox args aren't being sent when
the form is in place.
Removing the id for the 'effect' div fixes the form - and breaks the
show/hide effect, of course. Can anyone offer any advice?
Here's the script:
<div id="menuwrapper" style="width:245px">
<div id="menutitle" class="ui-state-default" style="height:
11px;width=100%">CHECK BOX MENU</div>
<div id="effect" style="width:241px;border-left:solid 2px
#bbbbbb;border-right:solid 2px #bbbbbb">
<input type="checkbox" name="cb1"> checkbox 1 <br />
<input type="checkbox" name="cb2"> checkbox 2 <br />
<input type="checkbox" name="cb3"> checkbox 3 <br />
<input type="checkbox" name="cb4"> checkbox 4 <br />
<input type="checkbox" name="cb5"> checkbox 5 <br />
</div> <!-- /effect -->
</div> <!-- /menuwrapper -->
$(document).ready(function() {
$("#menutitle").click(function() {
$("#effect").toggle('blind',500);
return false;
});
$("#effect").hide();
});
Thanks for taking a look.
-ES
--