<a id="toggleAll" href="#" >Expand/hide additional information. </a>
 <script type="text/javascript">
 
 var abertos = 0;
 var fechados = 0;
 function contador() {
    abertos = 0;
    fechados = 0;
    jQuery(".expand-control").each( function() {
		if (document.getElementById(this.id).children[0].className != "expand-control-icon icon expanded") {
           	fechados++;
        } else {
        	abertos++;
        }
    });
 }
 AJS.toInit(function() {
 
    contador();
	var soma = abertos + fechados;
	$("#toggleAll").html('Expand/hide ' + soma  + ' additional information.');

    AJS.$('#toggleAll').click(function() {
        contador();
        if (abertos >= fechados) {
            jQuery(".expand-control").each(
                function() {
                    if (document.getElementById(this.id).children[0].className == "expand-control-icon icon expanded") {
                        jQuery(this).trigger("click");
                    }
                }
            )
        } else {
            jQuery(".expand-control").each(
                function() {
                    if (document.getElementById(this.id).children[0].className != "expand-control-icon icon expanded") {
                        jQuery(this).trigger("click");
                    }
                }
            )
        }
    });
});
 </script>

To access the widget edit mode, you need to edit the page on which it is located or will be added.

Title
Title that will be displayed in the widget.

Style
Display color of the widget.

For the changes in the widget settings to be displayed to users, it is necessary to post the page on which it is located. More information about posting pages can be found at Add page and Edit page.