Feature available since Build #204, August 24, 2011, of Likno Web Accordion Builder
This option allows you to add special HTML links in your web page, so that your visitors can "Show All" (or "Hide All") accordion panes at will (also known as "Expand All / Collapse All" functionality).
Note that this option cannot be available when the panes are “co-dependent”, because in such case only 1 pane can be open at any time. If you want to change from "co-dependent" panes to "independent" panes you must edit the “Accordion Behavior” property.
View a full implementation of this feature at "Example 11 (show hide all)" (Preview and Sample Code):
(note: sample links are not shown in Preview or Sample Code of other projects when enabling this option; only "Example 11 (show hide all)" shows them there)
How does this feature work?
First, enable (check) this option.
Then, position any of the following HTML links anywhere you like in your web page:
Clicking on the above link shows all panes.
Clicking on the above link hides all panes.
Clicking on the above link shows or hides all panes (toggle).
Especially for the "toggleAll" case you may also use any of the following optional code (anywhere in page) in order to specify different content for four different states:
var likno_accordion_project1_toggleAll_HTML_show = "Show All";
var likno_accordion_project1_toggleAll_HTML_show_over = "<b>Show All</b>";
var likno_accordion_project1_toggleAll_HTML_hide = "Hide All";
var likno_accordion_project1_toggleAll_HTML_hide_over = "<b>Hide All</b>";
Some important rules:
- All links above are optional. You can use only the ones that are related to the functions that you want. For example, you may want to use only the "toggleAll" link, and not the "showAll" or "hideAll" ones.
...you should use the following names:
(similarly with the optional variables)
You should do this only if you have multiple accordion controls in the same page, otherwise don't bother as the "generic" name will work for any accordion no matter its name.