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>

在jquery中选择多个元素

1 个答案: