Elementor Dynamic Visibility (ACF & Tabs Widget)

In this Elementor tutorial I will show you how to hide a tab if an ACF field is empty.

Timestamps:

  • 0:00 Elementor Tutorial Introduction
  • 0:16 Elementor Tutorial Begins
  • 2:07 Add JavaScript Code

JavaScript Code:

				
					<script>
  (function($) {
    $(document).ready(function() {
      if (!$('#acfvideo').length) {
        $('div[aria-controls="elementor-tab-content-5374"]').hide();
      }
    });
  })(jQuery);
</script>
				
			

Free Brand Messaging Worksheet

Define Your Voice and Connect with Your Audience

More Free Resources

Let's Work Together

Big ideas start with a quick chat. Let’s talk!