在jquery中选择多个元素

Question

我在我的网站中使用jquery来更改我的网站页面。如果我在我的网站中选择一个页面，我想隐藏当前页面并将选定页面加载到我的网站中。但是当我在页面上点击#work时，我的#home页面被隐藏，但我的工作页面未加载。任何人都可以解决我的问题吗？

这是我的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>