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 <mcgra...@gmail.com> 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 <t...@rubystudio.com> 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 <mcgra...@gmail.com> 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 <t...@rubystudio.com> 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 <t...@rubystudio.com> 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 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.
