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!

Share this post: