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:
· <a href="javascript:void(0);" class="likno_accordion_generic_showAll">Show All</a>
Clicking on the above link shows all panes.
· <a href="javascript:void(0);" class="likno_accordion_generic_hideAll">Hide All</a>
Clicking on the above link hides all panes.
· <a href="javascript:void(0);" class="likno_accordion_generic_toggleAll">Show All/Hide All</a>
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:
<script>
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>";
</script>
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.
- If you have more than one accordion controls using this option in the same page, then you must change the "_generic_" part in the filenames to the "compiled javascript project" name of the related accordion. For example, for this accordion project...
...you should use the following names:
likno_accordion_project1_showAll
likno_accordion_project1_hideAll
likno_accordion_project1_toggleAll
(similarly with the optional variables)
likno_accordion_project1_toggleAll_HTML_show
likno_accordion_project1_toggleAll_HTML_show_over
likno_accordion_project1_toggleAll_HTML_hide
likno_accordion_project1_toggleAll_HTML_hide_over
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.
