Question

I’m looking for a way to implement “Expand All” and “Collapse All” buttons for use with Darren Ingram’s Simple Collapsible Panel jQuery plugin.

http://www.darreningram.net/pages/examples/jQuery/CollapsiblePanelPlugin.aspx

Does anyone know how to evaluate whether a is expanded or collapsed and based on that answer cause the to either collapse or expand? I don’t seem to be able to gain traction on this one.

Thanks,

Arn

Answer 1

This will toggle all the items:

$(".collapsibleContainerContent").slideToggle();

This will show all the items:

$(".collapsibleContainerContent").slideDown();

This will hide all the items:

$(".collapsibleContainerContent").slideUp();