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
--
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en.
