[英]jquery toggle between two buttons
我尝试用jquery制作一个简单的菜单,但似乎即时通讯做错了任何人都可以告诉我即时通讯做错了什么...我检查了其他线程,但找不到该问题的解决方案,谢谢您的投入
<nav id="header">
<ul>
<li class="one"><a href="#">one</a></li>
<li class="two"><a href="#">two</a></li>
</ul>
</nav>
<div class="one-div">
<div>
<h1>title</h1>
<p>text here</p>
</div>
</div>
<div class="two-div">
<div>
<h1>title</h1>
<p>text here</p>
</div>
</div>
</code>
// in the css of the div i got the display:"none";
$('.one').click(function() {
if ($(".one-div").is(":hidden")) {
$(".one-div").slideDown("slow");
} else {
$(".one-div").hide();
}
});
$('.two').click(function() {
if ($(".two-div").is(":hidden")) {
$(".two-div").slideDown("slow");
} else {
$(".two-div").hide();
}
});
的CSS
.one { display:block; }
.two { display:none; }
JS
var buttons = $(".one,.two").on("click", function(){
buttons.slideToggle();
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.