显示slideToggle无效

时间:2015-02-11 19:19:04

标签: javascript jquery html

我创建了一个slideToggle部分,它工作得很好,但是当我点击#login时,我没有做什么,底部部分下降并快速上升,我无法显示这是我的代码

$("#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>

1 个答案:

答案 0 :(得分:1)

事件可能正在冒泡。试试这个

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