Awesome ! it's nice to get some help when you need it. I know I've had allot of help from folks on these forums. So when you can pay it forward ohh and ratings don't hurt either ; ^ )
Mean Mike On Oct 31, 5:27 pm, strawflower <[email protected]> wrote: > Mean Mike, thanks for the help. Your code did work on its own, but > not when incorporated into my html, so I validated and discovered that > my opening form tag was improperly nested. Backing it out a level in > the DOM hierarchy fixed everything. > > The interesting thing is that JQuery's built-in show/hide methods > didn't mind the form tags' hierarchical mismatch. JQuery-ui did mind > it, and it required a stricter adherence to standards. > > Thanks again - it was your suggestions that led me to the solution. > > Best, > ES > > On Oct 29, 4:31 pm, Mean Mike <[email protected]> wrote: > > > ok so taking a closer look at your problem think your problem in in > > your html or form nto in jquery > > > let start here > > > this works and passes validation > > > <script type="text/javascript"> > > $(document).ready(function(){ > > > $("#menutitle").click(function() { > > $("#effect").toggle('blind',500); > > }); > > > $("#effect").hide(); > > > }); > > </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"> > > <ul> > > <li><input type="checkbox" name="cb1" /> checkbox 1</ > > li> > > <li><input type="checkbox" name="cb2" /> checkbox 2</ > > li> > > <li><input type="checkbox" name="cb3" /> checkbox 3</ > > li> > > <li><input type="checkbox" name="cb4" /> checkbox 4</ > > li> > > <li><input type="checkbox" name="cb5" /> checkbox 5</ > > li> > > </ul> > > </div> <!-- /effect --> > > > </div> <!-- /menuwrapper --> > > > try putting this in with your from and make sure it still passes > > validation then test it, if the form is still broken then lets see > > the code including the form > > > Mean Mike > > > On Oct 29, 3:21 pm, strawflower <[email protected]> wrote: > > > > Thanks for the suggestion - tried it but it didn't solve the problem. > > > I'm working on it and will post any solutions. Any other suggestions > > > would be much appreciated. > > > > On Oct 28, 4:58 pm, Mean Mike <[email protected]> wrote: > > > > > I think you might be missing a parameter just looking at how I had > > > > used blind > > > > > try this > > > > > $("#effect").toggle("blind", {},500); > > > > > Mean Mike > > > > > On Oct 28, 4:52 pm, strawflower <[email protected]> wrote: > > > > > > Update: still broke, but I discovered that removing effect args from > > > > > the call to 'toggle' - ie, using toggle alone - fixes the form. > > > > > > That is, replacing: > > > > > > $("#effect").toggle('blind',500) > > > > > > with simply > > > > > > $("#effect").toggle(); > > > > > > Thing is, I want the JQUI 'blind' effect. Any suggestions for a > > > > > solution would be much appreciated. > > > > > > Thanks, > > > > > EV > > > > > > On Oct 28, 2:29 pm, strawflower <[email protected]> wrote: > > > > > > > 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 [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en.
