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方法实际上只是一种好习惯。