How to hide CSS by default and show on button press

I have the Elementor Pro page builder plugin installed and I want to setup a expanding column so when a button is pressed it expands more Elementor sections.

I’m pretty certain this can be done with jQuery but can’t get it to work properly.

I got the button to work using this code

jQuery( document ).on( ‘click’, ‘#MY_BTN’, function( event ) {
event.preventDefault();
// Show/Hide the widget
jQuery( ‘#MY_WIDGET’ ).toggle();
});

but I couldn’t get the section to hide by default, how do I achieve this?

Many thanks

Thomas

Read more here:: How to hide CSS by default and show on button press

Leave a Reply

Your email address will not be published. Required fields are marked *