如何使用jQuery打开和关闭div

Question

好的，所以我看的是这个网站http://codetunnel.net/ ，我看到它只使用一页，但是使用jQuery来显示不同的div，因此使其看起来像是一个多页网站。 我尝试在我的Codepen中使用jQuery，但从未成功。 有人可以帮助我了解 jQuery的工作原理以及如何在自己的网站中实现它吗？ jQuery看起来像这样：

 $(function(){ $("#nav-home").click(function(){ $("#home").show(); $("#projects").hide(); $("#contact").hide(); $(".selected").removeClass("selected"); $("#nav-home").addClass("selected"); }); $("#nav-projects").click(function(){ $("#home").hide(); $("#projects").show(); $("#contact").hide(); $(".selected").removeClass("selected"); $("#nav-projects").addClass("selected"); }); $("#nav-contact").click(function(){ $("#home").hide(); $("#projects").hide(); $("#contact").show(); $(".selected").removeClass("selected"); $("#nav-contact").addClass("selected"); }); }); 

https://codepen.io/orchtechnerd/pen/dRzGZV //我的代码笔

Answer 1

实际上，您的代码有效。 不幸的是，可见的div被#nav覆盖。 因此，您唯一要做的就是在主体上添加“ padding-top：4em”样式。