Question

除了HTML5网站的一个内容-DIV之外，是否有“最佳实践”如何隐藏所有内容？还有一个“最常用”的图书馆/图书馆吗？或者它通常是用自己的JS代码编写的？

我的目标是装载9个DIV。导航中心的一个是导航，其他的是内容。选择导航点后，特定div会“滑动”到中间，而所有其他DIV都会被隐藏。

谢谢

Answer 1

我通常这样做：

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

将.show()和.hide()替换为您想要的效果。

Answer 2

Jquery的hide，.show或.toggle已经足够了。

Answer 3

我会为所有隐藏添加一个类，并显示可能的div，可能是类名称，如section。

<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();

这种赋予相同元素相同class并为容器元素赋予id的方法实际上只是一个好习惯，无论选择jQuery元素时的易用性如何。

JS / jquery隐藏HTML / CSS中的内容

3 个答案: