Elementor: Prevent Popup From Closing on Toggle Widget Click

Smart Web Creative - Elementor: Prevent Popup From Closing on Toggle Widget Click

You may find it difficult when having the toggle widget from Elementor within a popup. You will notice that every time you click on the text of the tab title in the toggle widget, it will close the popup that the widget is in. However, you can prevent the Elementor popup from closing on the toggle widget click by adding some Javascript code to your page. This is a great workaround, especially if you have FAQs within your Elementor popup.

To make this work, you will need to add an HTML widget to your page or within the popup somewhere. Copy the following code and paste it into your HTML widget:


<script>
jQuery( document ).ready(function( $ ){
$(".elementor-tab-title a").replaceWith(function() {
return "<span>" + this.innerHTML + "</span>";
});
});
</script>

What this code does is it targets the link within the toggle tab title and replaces it with a span. The main issue is that the link within the popup is set to close the popup by default. We need to then trick Elementor that there is no “<a>” tag, but instead a “<span>”. Now you should know how to prevent the Elementor popup from closing on the toggle widget click.

Additionally, you can add a little more code to style your span since it won’t look like the original tab title.

Other Helpful Articles

Choosing A Domain Name

Selecting a domain name for your website is one of the first things a website needs and probably one of the most difficult. The domain name is what someone types into the URL box on a browser to get to a site. Think of it as an unique location identifier

Read More »

Tips For Setting Up An E-Commerce Store

Need some tips for setting up an e-Commerce store? Having an online shop, such as an e-Commerce store, can be both exciting and overwhelming. However, if you market it right, you can make a good income off of it. When web design companies build e-Commerce sites for their clients, there’s

Read More »

What Do You Need Done?:

(Please check all that apply)

Tell Us About You

Almost Done!

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info

Let's Get Some Info