Print Page - How to Hide and show accordian panel on radio button input

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.

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

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: dj_niv on November 02, 2014, 10:30:09 PM