'; collapseNode.innerHTML = '
' + settings.collapse + '
'; if ( parent ) { parent.classList.add( 'jet-offcanvas-parent' ); } if ( offcanv.classList.contains( 'elementor-column' ) ) { offcanv.querySelector( '.elementor-element-populated' ).prepend( collapseNode ); } else { offcanv.prepend( collapseNode ); } parent.prepend( expandNode ); expandNode.firstElementChild.addEventListener( 'click', () => { offcanv.classList.add( 'is-active' ); parent.classList.add( 'is-active' ); } ); collapseNode.firstElementChild.addEventListener( 'click', () => { offcanv.classList.remove( 'is-active' ); parent.classList.remove( 'is-active' ); } ); document.addEventListener( 'click', ( event ) => { // if element diractly has required class - close offcanvas if ( event.target.classList.contains( 'offcanvas-collapse' ) ) { offcanv.classList.remove( 'is-active' ); parent.classList.remove( 'is-active' ); return; } // if its button inside element with required class - also close offcanvas if ( 'BUTTON' === event.target.tagName ) { let parentTarget = event.target.closest( '.offcanvas-collapse' ); if ( parentTarget ) { offcanv.classList.remove( 'is-active' ); parent.classList.remove( 'is-active' ); return; } } } ); }); })()