How to Hide and show accordian panel on radio button input

[dj_niv]

Hello ,

I have accordian and in the accordian panel. i have to hide/show accordian panel on radio button input
is there any property to for that to hide and add at particular index with title.

[stworthy]

You can extend the 'showPanel' and 'hidePanel' methods to show or hide an accordion panel.

Code:

<script type="text/javascript">
	$.extend($.fn.accordion.methods, {
		hidePanel:function(jq, which){
			return jq.each(function(){
				var p = $(this).accordion('getPanel',which);
				p.panel('close').panel('header').removeClass('accordion-header');
				$(this).accordion('resize');
			});
		},
		showPanel:function(jq, which){
			return jq.each(function(){
				var p = $(this).accordion('getPanel',which);
				p.panel('open').panel('header').addClass('accordion-header');
				$(this).accordion('resize');
			});
		}
	})
</script>

Usage example:

Code:

$('#aa').accordion('hidePanel', 1);  // hide the second accordion panel
$('#aa').accordion('showPanel, 1);  // show the second accordion panel again

[dj_niv]

Hi, stWorthy,

Its working thanks for your suggestion .