Does it make any difference if you use "change" instead of "changestart"?
Jörn On Fri, Aug 14, 2009 at 1:28 PM, Torsten<[email protected]> wrote: > > Hi, > > I want to implement the accordion but there is a problem. If I use the > code at the bottom of this message, then the first time I load the > page I get an "test_1 was closed". If I click at any headline the > alert says "undefined was opened, undefined was closed". > I'm talking about the handler: > > changestart: function(event, ui) { > alert($(ui.newContent).attr("id") + " was opened, " + $ > (ui.oldContent).attr("id") + " was closed"); > > If I use the example and just add the handler, it also doesn't work. > Changing "changestart" to "change" doesn't help. > > How can I get the ID of the content opened? > > Regards > Torsten > > > > > > #################### CODE #################### > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > "http://www.w3.org/TR/html4/loose.dtd";> > <html> > <head> > <title>-</title> > <link type="text/css" href="css/redmond/jquery-ui-1.7.2.custom.css" > rel="stylesheet" /> > <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> > <script type="text/javascript" src="js/jquery- > ui-1.7.2.custom.min.js"></script> > <script type="text/javascript"> > $(function(){ > $('#accordion').accordion({ > header: "h3", > fillSpace: true, > collapsible: true, > changestart: function(event, ui) { > alert($(ui.newContent).attr("id") + " was opened, " > + $ > (ui.oldContent).attr("id") + " was closed"); > } > }); > > $('#accordion').accordion("activate", false); > }); > </script> > </head> > <body> > <div id="accordion"> > <div> > > <h3><a href="#">First</a></h3> > <div id='test_1'>Lorem ipsum dolor sit amet. > Lorem ipsum dolor sit > amet. Lorem ipsum dolor sit amet.</div> > </div> > <div> > <h3><a href="#">Second</a></h3> > <div id='test_1'>Phasellus mattis tincidunt > nibh.</div> > </div> > > <div> > <h3><a href="#">Third</a></h3> > <div id='test_1'>Nam dui erat, auctor a, > dignissim quis.</div> > </div> > </div> > > </body> > </html> > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
