Question

我试图创建在再次单击选定/突出显示的标签时会折叠的标签（Google Image结果就是一个很好的例子）。我在这里找到了一些脚本，但不知道如何针对elementor量身定制它们，甚至不知道是否可以使用脚本来对其进行定制。这是我要追求的目标： 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>

点击时关闭此常规标签，而不是针对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();     
});

单击时关闭Elementor选项卡

1 个答案: