jqueryで複数の要素を選択

Question

私のウェブサイトでjqueryを使用してウェブサイトのページを変更しています。ウェブサイトで1ページを選択すると、現在のページを非表示にして、選択したページを自分のウェブサイトにロードします。しかし、私がページ上の#workをクリックすると、＃私のホームページは非表示になりますが、私の仕事ページは読み込まれません。誰でも私の問題を解決してください。

これは私のjqueryのコード

<script> 
$(document).ready(function(){ 
    $("#work").click(function(){ 
     $("#home").fadeOut("slow"); 
     $("#work").fadeIn("slow"); 
    }); 
}); 
</script> 

Answer 1

更新バイオリンを試してみてくださいです。クリックして非表示にします。それは最初から隠されていた場合

$(document).ready(function(){ 
 
    $("#home").click(function(){ 
 
     $("#home").fadeOut("slow"); 
 
     $("#work").fadeIn("slow"); 
 
    }); 
 
});

div { width: 300px; heigth: 100px; } 
 
div#home { background-color: yellow; } 
 
div#work { background-color: red; display: none }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="home">HOME PAGE</div> 
 
<div id="work">WORK PAGE</div>