在jQuery中选择多个元素

安托·亚历山大（Anto Alexander）

我在网站上使用jquery来更改我的网站页面。如果我在网站中选择一个页面，则要隐藏当前页面并将所选页面加载到我的网站中。但是，当我单击页面上的#work时，我的#home页面被隐藏了，但是我的工作页面没有加载。谁能解决我的问题？

这是我的jQuery代码

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

瓦迪姆

尝试更新小提琴。它隐藏了单击并显示为隐藏。

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

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。