wählen Sie mehrere Elemente in jquery

Question

Ich benutze jquery in meiner Website, um meine Website-Seite zu ändern. Wenn ich eine Seite auf meiner Website auswähle, möchte ich meine aktuelle Seite ausblenden und die ausgewählte Seite in meine Website laden. Aber wenn ich #work auf Seite klicke, ist meine # Home-Seite ausgeblendet, aber meine Arbeitsseite wird nicht geladen. Kann jemand bitte mein Problem lösen?

Dies ist mein jQuery-Code

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

Answer 1

aktualisiert Geige versuchen. Es verbirgt Klick und zeigt versteckt.

$(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>