JQuery Accordion help

JQuery Accordion help

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).
--