单击时关闭Elementor选项卡

Question

我正在尝试创建当再次单击选中/突出显示的选项卡时会折叠的选项卡(Google Image results就是一个很好的例子)。我在这里找到了一些脚本，但不知道如何为elementor定制它们，也不知道它是否适用于使用脚本。下面是我要做的一个JSFiddle：http://jsfiddle.net/x8rfge06/

我找到了这个脚本，用于在加载时关闭标签/折叠界面：

<script> 
jQuery(document).ready(function($) { 
var delay = 10; setTimeout(function() { 
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay); 
}); 
</script>

这个常规的Tab键在点击时关闭，不是为elementor量身定做的：

jQuery(document).ready(function () {
var el = "";
jQuery('ul.tabs li').click(function () {
    var tab_id = jQuery(this).attr('data-tab');
    jQuery('ul.tabs li').removeClass('current');
    jQuery('.tab-content').removeClass('current');

    if(tab_id != el){
      jQuery(this).addClass('current');
    jQuery("#" + tab_id).addClass('current'); 
    }

   el = tab_id;       
})
})

这是可行的还是超出了elementor的能力范围！谢谢

Answer 1

下面是一个简单的jQuery代码来实现这一点：

jQuery('.elementor-tab-mobile-title').click(function () {
  jQuery(this).toggleClass('elementor-active');     
  jQuery(this).next().toggleClass('elementor-active');      
  jQuery(this).next().toggle();     
});