I want to expand the page menu drawer event to a special button.
How can I track what event is triggered?
It´s not enough with data-event="toggleDrawer" I need to fill the drawer with menu content like the progress indicator does!
Danne/
I want to expand the page menu drawer event to a special button.
How can I track what event is triggered?
It´s not enough with data-event="toggleDrawer" I need to fill the drawer with menu content like the progress indicator does!
Danne/
Hi the only way I know of doing that is a way that is not so pretty but simple to execute. If you feed the code below into the instruction input of the component this script will work. Ideally though I would include it within your theme, but for testing purposes the instructional input box will do...
<script>
$( document ).ready(function() {
$( "#drawerslide" ).on( "click", function() {
$( ".navigation-drawer-toggle-button" ).trigger( "click" );
$( ".resources-drawer" ).trigger( "click" );
});
});
</script>
<div class="recipe"><button id="drawerslide" style="font-size: 150% !important;">Open drawer</button></div>