jQueryを使用してdivをオン/オフに切り替える方法

Question

私はこのウェブサイトhttp://codetunnel.net/を見ていますが、1ページしか使用していないことがわかりましたが、jQueryは異なるdivを表示するため、ウェブサイト私は私のcodepenでjQueryを使ってみましたが、うまくいきませんでした。誰かが私を助けることができます jQueryの仕組みと私のサイトへの実装方法jQueryのは、次のようになります//私のcodepen

Answer 1

$(function(){ 
 
$("#nav-home").click(function(){ 
 
\t $("#home").show(); 
 
\t $("#projects").hide(); 
 
\t $("#contact").hide(); 
 

 
\t $(".selected").removeClass("selected"); 
 

 
\t $("#nav-home").addClass("selected"); 
 
}); 
 

 
$("#nav-projects").click(function(){ 
 
\t $("#home").hide(); 
 
\t $("#projects").show(); 
 
\t $("#contact").hide(); 
 

 
\t $(".selected").removeClass("selected"); 
 

 
\t $("#nav-projects").addClass("selected"); 
 
}); 
 

 
$("#nav-contact").click(function(){ 
 
\t $("#home").hide(); 
 
\t $("#projects").hide(); 
 
\t $("#contact").show(); 
 

 
\t $(".selected").removeClass("selected"); 
 

 
\t $("#nav-contact").addClass("selected"); 
 
}); 
 
});

https://codepen.io/orchtechnerd/pen/dRzGZV実際には、あなたのコードは動作します。 残念ながら、目に見えるdivは#navで覆われています。 唯一行うべきことは、ボディに "padding-top：4em"スタイルを追加することです。