JS / jQuery在HTML / CSS中隱藏內容

Question

是否有一種“最佳做法”如何隱藏HTML5網站的一個content-DIV以外的所有內容？ 還有“最常用”的圖書館/圖書館嗎？ 還是經常用自己的JS代碼編寫？

我的目標是加載9個DIV。 中心的一個是導航，其他的是內容。 選擇導航點時，特定的div會“滑動”到中間，而所有其他DIV都會被隱藏。

謝謝

Answer 1

我通常這樣做：

$('.your_div').show().siblings().hide();

更換.show()和.hide()與你的預期效果。

Answer 2

jQuery的hide ， .show或.toggle足夠好。

Answer 3

我會向所有隱藏並顯示有能力的div添加一個類，可能是一個類似於節的類名。

<div class="section" id="home"> home content here... </div>
<div class="section" id="page-slug"> another page here... </div>
<div class="section" id="contact"> contact information here... </div>

然后給每個div一個ID。 最后，為了顯示聯系人部分，您將：

$('#contact').show().siblings('.section').hide();

不管選擇jQuery元素是否易於使用，這種給相同元素相同class並為容器元素提供id方法實際上只是一種好習慣。