如何使用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 //我的codepen

Answer 1

实际上，您的代码有效。 不幸的是，#nav涵盖了可见的div。 所以你唯一应该做的就是添加一个＆＃34; padding-top：4em＆＃34;对身体的风格。