Since you know how to get the div, you could use the id of the div, or make up your own attribut 'index' in the div.
I am sure you can take it from there. It would be useful to become familia with http://www.jsbin.com which you can use to give us an example of what you are doing. Enjoy On Nov 27, 5:15 am, Stinky Tofu <[email protected]> wrote: > Thanks for the tip Intrader. Using changestart worked like a charm, > but I am a bit confused as to how I can obtain the menu item that was > clicked on in the accordion... here is the code: > > $('.ui-accordion').bind('accordionchangestart', function(event, > target) { > if (validateStep()) > { > $("#accordion").accordion('activate', index); > } > > event.stopPropogation(); > > }); > > My question now is how can I use this code to figure out which menu > item in the accordion was clicked on so I can determine which > accordion panel to display after validateStep function runs. > Essentially, for this part of the code: > > $("#accordion").accordion('activate', index); > > I am unclear on how to obtain the 'index' value to determine which > panel to display next. Trying to get the target from the event > results in getting the #accordion div, which is not what I need, what > I need is the index of the menu item that was clicked on by the user - > any idea if it is possible to get that information from the event > object in this case? Still new to Jquery so I'm not really sure how > else I can obtain this value. Would really appreciate if you can > point me in the right direction. > > Thanks! > > On Nov 27, 5:46 am, intrader <[email protected]> wrote:> Look into > the changestart event > > > On Nov 26, 1:35 am, Stinky Tofu <[email protected]> wrote: > > > > I am writing a form wizard using JQuery's accordion module. The > > > problem is I want to override any mouse clicks on the accordion menu > > > so that the form is validated first before the accordion will show the > > > next section. > > > > I have tried the following: > > > > $('#accordion h3').unbind(); > > > > $('#accordion h3').click(function() { > > > if (validate()) > > > { > > > $("#accordion").accordion('activate', 2); > > > }else > > > { > > > alert("invalid form"); > > > }} > > > > But the above code doesn't work. The built-in click event of the > > > accordion still gets called and the accordion shows the next section > > > regardless of whether the form is valid or not. > > > > I have also tried the following code: > > > > $('#accordion h3').click(function(event) { > > > if (validate()) > > > { > > > $("#accordion").accordion('activate', 2); > > > }else > > > { > > > alert("invalid form"); > > > } > > > event.stopPropagation(); > > > > }); > > > > But the stopPropagation() call doesn't seem to affect the accordion > > > behaviour at all, the next section is displayed whether or not the > > > form is valid. > > > > Any idea what I may be doing wrong? > > > > Thanks! -- 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.
