Javascript 切换/隐藏divjquery
当我扩展一个除法时,它不会再崩溃。我所需要的是当分区显示时,我想在单击它时再次隐藏它 这是我的HTML:Javascript 切换/隐藏divjquery,javascript,jquery,Javascript,Jquery,当我扩展一个除法时,它不会再崩溃。我所需要的是当分区显示时,我想在单击它时再次隐藏它 这是我的HTML: <div class="login_area" id="clickHere2"> Signup <div class="drop-down" id="signup_area_hover"> Signup </div> </div> <div class="login_area" id="clic
<div class="login_area" id="clickHere2">
Signup
<div class="drop-down" id="signup_area_hover">
Signup
</div>
</div>
<div class="login_area" id="clickHere">
Login
<div class="drop-down" id="login_area_hover">
Login
</div>
</div>
<div class="drop-down" id="dropdown_login">
<div class="dropdown_login_header">
<div class="beeper_value"></div>
<div class="beeper_login"></div>
</div>Hello World 111
</div>
<div class="drop-down" id="dropdown_signup">
<div class="dropdown_signup_header">
<div class="beeper_signup"></div>
</div>Hello World 2222
</div>
报名
报名
登录
登录
你好,世界111
你好,世界2222
以下是JS:
<script type="text/javascript">
$( '#clickHere' ).click(function() {
$( '#dropdown_login' ).slideToggle(500);
});
$( '#clickHere2' ).click(function() {
$( '#dropdown_signup' ).slideToggle(500);
});
</script>
$(“#单击此处”)。单击(函数(){
$(“#下拉菜单_登录”)。滑动切换(500);
});
$('#单击此处2')。单击(函数(){
$('下拉注册')。滑动切换(500);
});
我想添加一个if条件,如果显示clickHere,则ClickHere2隐藏,反之亦然。查看jquery中的切换/滑动切换函数。 及 页面底部有一些示例。 jQuery:
$( "#myBtn" ).click(function() {
$( "#myDiv" ).toggle();
});
<div id="myDiv"></div>
<button type="button" id="myBtn">Toggle</button>
#myDiv {
background-color:red;
height:75px;
width:75px;
}
HTML:
$( "#myBtn" ).click(function() {
$( "#myDiv" ).toggle();
});
<div id="myDiv"></div>
<button type="button" id="myBtn">Toggle</button>
#myDiv {
background-color:red;
height:75px;
width:75px;
}
资源:
$( "#myBtn" ).click(function() {
$( "#myDiv" ).toggle();
});
<div id="myDiv"></div>
<button type="button" id="myBtn">Toggle</button>
#myDiv {
background-color:red;
height:75px;
width:75px;
}