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.
