Question

嘿伙计，所以我在下面有这个代码，它工作正常。但我想要发生的是当“#flip”打开并点击“#slides”时，“＃flip”子菜单将在#slides打开时关闭。目前我点击的所有内容都将保持打开谢谢，

<script> 
$(document).ready(function(){

$("#flip").click(function(){
$(".panel").slideToggle();
});
$("#slides").click(function(){
$(".slide").slideToggle();
});
}); 
</script>
</head>

<body>
<div id="flip">Ladders</div>
<div class="panel"><a href="HTMLPage2.html">Home</a></div>
<div class="panel"><a href="HTMLPage.html">Home2</a></div>

<div id="slides">Slides</div>
<div class="slide"><a href="HTMLPage2.html">Home</a></div>
<div class="slide"><a href="HTMLPage.html">Home</a></div>

Answer 1

$("#flip").click(function () {
    $(".panel").slideToggle();
    $(".slide").slideUp();
});
$("#slides").click(function () {
    $(".slide").slideToggle();
    $(".panel").slideUp();
});

演示----> http://jsfiddle.net/ZMh3B/

菜单和子菜单隐藏/显示功能

1 个答案: