Accordion for WordPress Lay Theme

readme.txt

Button Link: #akkordeon_1
HTML Klasse: akkordeon_1

custom-js.html

<!-- Custom HTML at bottom -->

<script>
    window.laytheme.on( "newpageshown", function( layoutObj, type, obj ) {
        var akkordeonActiveClassName = "akkordeon--active",
            akkordeonBtnEls = document.querySelectorAll("[href^='#akkordeon_']");
        akkordeonBtnEls.forEach( function( akkordeonBtnEl, i ) {
            var akkordeonChildClass = akkordeonBtnEl.getAttribute("href").replace("#", ""),
                akkordeonChildEls = document.querySelectorAll( "." + akkordeonChildClass );
            akkordeonBtnEl.addEventListener( "click", function( e ) {
                akkordeonChildEls.forEach( function( akkordeonChildEl, i ) {
                    if (akkordeonChildEl.classList.contains(akkordeonActiveClassName)) {
                        akkordeonChildEl.classList.remove(akkordeonActiveClassName);
                    } else {
                        akkordeonChildEl.classList.add(akkordeonActiveClassName);
                    }
                } );
            } );
        } );
    } );
</script>

style.css

/* Custom CSS */

[class*="akkordeon_"] {
    display: none !important;
}
.akkordeon--active {
    display: block !important;
}

<3!