在點擊時調用jQuery .toggle（）

Question

我試圖用jQuery隱藏一個this page上的livestream小部件。

我已經設置了包含分區的默認可見性來隱藏，像這樣：

#library { 
    visibility: hidden 
} 

設置一個按鈕來切換狀態，像這樣：

<a href="#" id="showhide">Show/Hide Reruns</a></span> 

並試圖實施功能如下：

$('#showhide').click(function(e){ 
$('#library').toggle(); 
    return false; 
    }) 
}); 

但我遇到了問題。庫小部件在頁面加載時仍可見，並且其CSS在元素檢查器中也不會更改。

我已經成立了一個小提琴這裏如果有幫助：http://jsfiddle.net/GecwN/

Answer 1

我改變了你切換到這個

$('#showhide').click(function (e) { 
     $('#library').toggleClass("library"); 
    }) 

我的知名度屬性更改爲

display: none; 

我也把你的css從#library改爲.library以切換類

但是我覺得在做這些事情後最重要的是，我所做的只是把你的.click處理程序放在document.ready中，出）}）。那裏有一個額外的一個。它完美

http://jsfiddle.net/SteveRobertson/GecwN/11/

Answer 2

試試這個：

#library { 
    display: none; 
} 

Answer 3

問題是你在toggle()有這樣的：

return false; 

刪除它，在你的CSS使用display: none爲TGH recommended。

樣本working fiddle here。