我有一个带按钮的简单页面。单击按钮后,文本将使用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");
})
});