javascript - 折叠隐藏/显示功能无法正常工作

Question

有时它工作正常，有时它给我以下错误。

TypeError: $(...).collapse is not a function

$('.collapse:visible').collapse('hide').siblings('.accordion-heading ').find('a').addClass('collapsed')

---

完整脚本:

var b = true;

function moreFilters() {
  if (b) {
    $('#accordion3').show()
    $('.collapse:visible').collapse('hide').siblings('.accordion-heading ').find('a').addClass('collapsed')
    document.getElementById('moreFilterImg').src = '../common/img/filter-less.png';
    b = false;
  } else {
    $('#accordion3').hide()
    $('.collapse:visible').collapse('hide').siblings('.accordion-heading ').find('a').addClass('collapsed')
    document.getElementById('moreFilterImg').src = '../common/img/filter-more.png';
    b = true;
  }
}

这是我的代码，任何人都可以帮忙:)

提前致谢。

Answer 1

由于 jQuery 中没有函数 collapse()，我认为您应该替换此代码:

$('.collapse:visible').collapse('hide').siblings('.accordion-heading ').find('a').addClass('collapsed')

用这个:

$('.collapse:visible').hide().siblings('.accordion-heading ').find('a').addClass('collapsed')