Get Wdxxxxxc Form

Please try: and activate the TC Custom JavaScript plugin. Go To Appearance > Custom JavaScript. Paste the following code into the provided box (function($){ $(document).on('click', '#mainnav-mobi li a[href^="#"]', function(e) { $('#mainnav-mobi').slideToggle(300); e.stopImmediatePropagation() }); })(jQuery);

As it's an element left to the browser to render, no, it's not possible (at least not as far as standards are concerned). Your best option is to use an HTML substitute for the dropdown menu - this can be achieved with CSS and Javascript, though multiple javascript/jQuery libraries alread exist to perform this task.

You can use the jQuery click() method and on() method to hide the dropdown menu when clicking outside of the trigger element.

You can use the jQuery click() method and on() method to hide the dropdown menu when clicking outside of the trigger element.

Set toggle={false} property inside DropdownItem to prevent dropdown from closing.

To hide an element when clicked outside: Add a click event listener to the document object. On each click, check if the clicked element is outside of the specific element using the contains() method.

We can use the preventDefault() method to prevent the default behavior of the click event on the dropdown menu. By doing this, the menu items will not close when clicked inside. Additionally, we can add a click event listener to the dropdown menu and set the event.

HTML <div class="flex"> <div class="container"> <div class="row"> <div class="text-center col-xs-12"> <h1>jQuery: click outside to close menu</h1> <p>Click the button to toggle the dropodown menu.</ p> <p>Then click outside dropdown menu to close.</ p> <div class="dropdown">

Please try: and activate the TC Custom JavaScript plugin. Go To Appearance > Custom JavaScript. Paste the following code into the provided box (function($){ $(document).on('click', '#mainnav-mobi li a[href^="#"]', function(e) { $('#mainnav-mobi').slideToggle(300); e.stopImmediatePropagation() }); })(jQuery);

As it's an element left to the browser to render, no, it's not possible (at least not as far as standards are concerned). Your best option is to use an HTML substitute for the dropdown menu - this can be achieved with CSS and Javascript, though multiple javascript/jQuery libraries alread exist to perform this task.

You can use the jQuery click() method and on() method to hide the dropdown menu when clicking outside of the trigger element.

You can use the jQuery click() method and on() method to hide the dropdown menu when clicking outside of the trigger element.

Set toggle={false} property inside DropdownItem to prevent dropdown from closing.

To hide an element when clicked outside: Add a click event listener to the document object. On each click, check if the clicked element is outside of the specific element using the contains() method.

We can use the preventDefault() method to prevent the default behavior of the click event on the dropdown menu. By doing this, the menu items will not close when clicked inside. Additionally, we can add a click event listener to the dropdown menu and set the event.

HTML <div class="flex"> <div class="container"> <div class="row"> <div class="text-center col-xs-12"> <h1>jQuery: click outside to close menu</h1> <p>Click the button to toggle the dropodown menu.</ p> <p>Then click outside dropdown menu to close.</ p> <div class="dropdown">