Javascript 切换/隐藏divjquery

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

当我扩展一个除法时,它不会再崩溃。我所需要的是当分区显示时,我想在单击它时再次隐藏它

这是我的HTML:

<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;
}

可能重复我尝试过切换,但切换没有帮助,因为切换没有效果,我不知道我的JS代码中哪里有错误的部分为什么你两次发布相同的问题?如果你想更新问题,你需要编辑和更新内容?@Siva Charan,你可以看到我在那里不再收到答案,我的问题仍然没有解决???martynas。。。我知道这一点,问题是我在两者之间切换divisions@HossamDin我想如果你发布了一个jsFiddle,你的问题可以得到更快的回答:)我试过了,但是jsFiddle没有启动它,这有点奇怪!!但是等一下,我会寄给你的