I have a simple Accordion setup like this :
<div id="accordion">
<h3><a href="#">Section 1</a></h3>
<div>
content
<input type="radio" id="rb1" onclick="ChangeAccordion()" />
</div>
<h3><a href="#">Section 2</a></h3>
<div>
content
</div>
<h3><a href="#">Section 3</a></h3>
<div>
content
</div>
</div>
I am trying to figure out the javascript for the radiobutton event to
show/hide Section 2.
The accordion code is :
jQuery(function($) {
var userpanel = $("#accordion");
var index = $.cookie("accordion");
var active;
if (index !== undefined) {
active = userpanel.find("h3:eq(" + index + ")");
}
userpanel.accordion({
active: active,
change: function(event, ui) {
var index = $(this).find("h3").index(ui.newHeader
[0]);
$.cookie("accordion", index);
},
autoHeight: false
});
});
I'm using the JQuery cookie plugin to track the open panel(if anyone
is wondering why that is in there).
--
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.
