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
-~----------~----~----~----~------~----~------~--~---
