使用jQuery問題登錄滑塊

Question

我想使用jQuery製作登錄滑塊。您的網頁頂部會有一個帶有加號圖片的div。我想把加號圖像改成一個減號圖像，div會滑下來。這是我的代碼，但有一個問題。

<script src="_js/jquery-1.7.2.min.js"></script> 
<script> 

$(document).ready(function() { 

    $("form").hide(); 

    $(".open").click(function() { 
     $("form").slideDown("slow"); 
     $(".open").addClass("close"); 
     $(".close").removeClass("open"); 

     $(".close").click(function() { 
     $("form").slideUp("slow"); 
     $(".close").addClass("open"); 
     $(".open").removeClass("close"); 
    }); 

}); 


}); 



</script> 

它工作一次，但如果你想滑下來的第二個主題它不工作了..有人可以幫我嗎？

tnx！

Answer 1

Working JSFiddle

嘗試類似如下的不同：

$('.open').click(function() { 
    $('form').slideToggle('slow', function() { 
     $('.open').toggleClass('form-is-open'); 
    }); 
}); 

jQuery提供其提供所需的行爲有些切換功能。這樣你不需要兩個點擊處理程序或自己跟蹤類。上面的代碼只是在窗體被顯示時將一個類（'form-is-open'）添加到按鈕中，並在窗體隱藏時將其刪除。