expand/collapse section

Roland Gruber

Hello,

i use sections on my pages that expand and collapse.
To open/close all sections at once I use the following macro:

## @noparams
<button name="toggleAll" id="toggleAll" type="button">expand/collapse</button>

<script type="text/javascript">
AJS.toInit(function ()
{
AJS.$('#toggleAll').click(function()
{
jQuery(".expand-control").each(function(){ jQuery(this).trigger("click");})
});
});
</script>

Now I want 2 single buttons where one opens and one closes the sections. Can someone please help me get this done?

Thank you!

repi

I use this macro to expand and collapse.
However, there is only one button. Expand first actuation, again collapsing.

 

## Macro title: Expand All
## Macro has a body: N
## Developed by: Tim Seim
## Date created: 2016-03-11
## Installed by: repi
## @param Titel:title=Titel|type=string|required=true|default=Alles erweitern/kollabieren|desc=Angezeigter Text
<a id="toggleAll" href="#" class="aui-button aui-button-subtle">$paramTitel</a>
<script type="text/javascript">
AJS.toInit(function (){
var expandiert = false;
AJS.$('#toggleAll').click(function(){
if (expandiert) {
var content = jQuery('.expand-content')
.addClass('expand-hidden')
.css({'display': 'none', 'opacity': 0});
content.prev('.expand-control').find('.expand-control-icon').removeClass('expanded');

} else {
var content = jQuery('.expand-content.expand-hidden')
.removeClass('expand-hidden')
.css({'display': 'block', 'opacity': 1});
content.prev('.expand-control').find('.expand-control-icon').addClass('expanded');
}
expandiert = !expandiert;
});
});
</script>