摺疊隱藏/顯示功能無法正常工作

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') 

Answer 2

.colapse不是一個有效的jQuery函數。嘗試.hide（），而不是
在你的情況，但是我會建議.slideToggle（）
http://api.jquery.com/slidetoggle/