顯示slideToggle無法正常工作

Question

我創建了slideToggle部分，但它完美地工作，但當我點擊#login bottomum部分下來並快速上升時，我不會做什麼，但我無法顯示這是我的代碼

$("#login").click (function() { $("#loginForm").slideToggle(600) }) 

和HTML

<section class="content bgcolor-1" id="loginForm" style="display:none"> 
    <h2 class="nomargin-bottom" id="test">ورود به حساب کاربری</h2> 
    <%= form_for "user" , :url => {controller: "user", action: "login"}, :html => {:method => :post} do |f| %> 
    <span class="input input--haruki"> 
     <%= f.text_field(:email, :class => "input__field input__field--haruki") %> 

     <label class="input__label input__label--haruki" for="input-2"> 
      <span class="input__label-content input__label-content--haruki">ایمیل</span> 
     </label> 
    </span> 
    <span class="input input--haruki "> 
     <%= f.password_field(:password, :class => "input__field input__field--haruki") %> 
     <label class="input__label input__label--haruki" for="input-2"> 
      <span class="input__label-content input__label-content--haruki">رمز عبور </span> 
     </label> 
    </span> 
    <%= f.submit("ارسال", :class => "buttom") %> 
    <% end %> 
    <div class="clear"></div> 
</section> 

Answer 1

事件可以冒泡。試試這個

$("#login").on('click', function(event) { 
event.stopPropagation(); 
$("#loginForm").slideToggle(600) 
});