点击后结束元素标签答案

【问题标题】：Closing Elementor Tabs on Click点击后结束元素标签
【发布时间】：2019-12-10 14:02:30
【问题描述】：

我正在尝试创建在再次单击选定/突出显示的选项卡时折叠的选项卡（Google 图片结果就是一个很好的例子）。我在这里找到了一些脚本，但不知道如何为 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>

而且这种一般的点击关闭标签，不是为 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 的能力！谢谢

【问题讨论】：

这个运气好吗？我遇到了同样的问题。
@Mixmastermiike 我搜索了互联网但找不到答案。如果您有内部工程师，他们可能会提供帮助。
我正在使用我制作的这个自定义 jquery 非常接近......但唯一的问题是，在标题关闭后，当你重新打开它时...... elementor-active每次都缺课。

标签： jquery tabs collapse elementor

【解决方案1】：

这是一个简单的工作 jQuery 代码来实现它：

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

【讨论】：