如何获取一个jQuery .click（）以不隐藏其他.animate

Question

因此，现在，我可以使该div滑到页面上。 我希望能够单击导航按钮之一，并显示另一个div。

我是javascript / jquery的新手，所以遇到了一些麻烦。 使用此代码，它使我动画的第一个div消失了。

 $(document).ready({ $(".firstDiv").animate({ "opacity": 1, "margin-left": ".01%", }); $("#button").click({ $(".secondDiv").animate({ "display": "initial", "opacity": 1, "margin-left": "3%" }); }) }) 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <li class="mainList"> <button class="navig" id="button">|GALLERY|</button> </li> 

那么如何使此代码起作用？

Answer 1

就像Taplar所说的那样， .ready()和.click()处理函数接受匿名函数作为参数，因此它需要像这样：

 $(document).ready(function(){ $(".firstDiv").animate({ "opacity": 1, "margin-left": ".01%", }); $("#button").click(function(){ $(".secondDiv").animate({ "display": "initial", "opacity": 1, "margin-left": "3%" }); }) }) 

 .firstDiv, .secondDiv { opacity: 0; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="mainList"> <button class="navig" id="button">|GALLERY|</button> </div> <div class="firstDiv"> <p>First Div Content Here</p> </div> <div class="secondDiv"> <p>Second Div Content Here</p> </div> 

在此处阅读有关单击事件的jQuery文档。