我有一个带按钮的简单页面。单击按钮后,文本将使用toggle显示在此按钮的正下方。
这项工作是正确的,但它不会“切换”其他部分/按钮。因此,我想要的是点击不仅切换按钮下的部分,而且还不切换另一个切换的部分。
我在点击后立即执行的所有部分上添加了一个循环,它应该“隐藏”所有部分,然后做它必须做的事情-显示this部分。
ncaught TypeError:acc.removeClass不是函数

$(document).ready(function(){
    var accs = $('.accordion');

   $('.accordion').on('click',function(){
       $.each(accs,function(acc){
           acc.removeClass('active'); # NOT WORKING
           acc.nextElementSibling.classList.remove('show'); # NOT WORKING
       });

       this.classList.toggle('active'); # WORKING
       this.nextElementSibling.classList.toggle("show"); # WORKING

   })
});

你知道问题出在哪里吗?

最佳答案

我希望下面的代码能起作用

$(document).ready(function(){
    var accs = $('.accordion');

   $('.accordion').on('click',function(){
       accs.each(function(index){
           $(this).removeClass('active');
           $(this).next().removeClass("show");
       });

       $(this).toggleClass('active');
       $(this).next().toggleClass("show");

   })
});

09-17 14:42
查看更多