For anyone looking for this. I picked Vladimir Anokhin code and added a little bit so that it works as an “Open All/Close all”.
HTML
<a href="#" id="open-spoilers">Open spoilers/Close spoilers</a>
JAVASCRIPT
<script type="text/javascript">
jQuery(document).ready(function($) {
$('#open-spoilers').on('click', function(e) {
e.preventDefault();
if($('.su-spoiler').hasClass('su-spoiler-closed'))
{
$('.su-spoiler').removeClass('su-spoiler-closed').addClass('su-spoiler-open');
}
else
{
$('.su-spoiler').removeClass('su-spoiler-open').addClass('su-spoiler-closed');
}
e.stopPropagation();
});
});
</script>
@riccardo You can place the javascript code in the header.php file just before the </head> tag.