closing multip expander simultaneously

[muthuParticipant]

Hi,

I’m using multiple expander. And if i click one expander, other expander will close automatically.

Here my code,

//Expander define
$(“#expander1”).jqxExpander({ width: ‘100%’,expanded: false});
$(“#popupWindow”).jqxExpander({ width: ‘100%’, expanded: false});
$(“#partnerContactsExpander”).jqxExpander({ width: ‘100%’,expanded:false});
$(“#partnerContactsFormExpander”).jqxExpander({ width: ‘100%’, expanded: false});

$(‘#expander1’).on(‘expanding’, function () {
$(“#popupWindow”).jqxExpander({ width: ‘100%’, expanded: false});
$(“#partnerContactsExpander”).jqxExpander({ width: ‘100%’,expanded:false});
$(“#partnerContactsFormExpander”).jqxExpander({ width: ‘100%’, expanded: false});
});

$(‘#popupWindow’).on(‘expanded’, function () {
$(“#expander1”).jqxExpander({ width: ‘100%’, expanded: false});
$(“#partnerContactsExpander”).jqxExpander({ width: ‘100%’,expanded:false});
$(“#partnerContactsFormExpander”).jqxExpander({ width: ‘100%’, expanded: false});
});

$(‘#partnerContactsExpander’).on(‘expanding’, function () {
$(“#expander1”).jqxExpander({ width: ‘100%’, expanded: false});
$(“#popupWindow”).jqxExpander({ width: ‘100%’,expanded:false});
$(“#partnerContactsFormExpander”).jqxExpander({ width: ‘100%’, expanded: false});
});

$(‘#partnerContactsFormExpander’).on(‘expanded’, function () {
$(“#expander1”).jqxExpander({ width: ‘100%’, expanded: false});
$(“#popupWindow”).jqxExpander({ width: ‘100%’,expanded:false});
$(“#partnerContactsExpander”).jqxExpander({ width: ‘100%’, expanded: false});
});

But, it is not working.. Help me.

Thanks,
Muthu

[DimitarParticipant]

Hi Muthu,

We suggest you use the jqxNavigationBar widget, which offers the functionality you require.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts