Elementor Dynamic Visibility (ACF & Tabs Widget)

Home Elementor Elementor Dynamic Visibility (ACF & Tabs Widget)

June 13, 2023

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>
				
			

*Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

More Free Resources