jQuery的向下滑動點擊

Question

當我使用的是後續的jsfiddle被點擊元素時一個div滑下......

$(document).ready(function() { 

    // Initial variables 
    var panel = $('#panel'); 
    var panelHeight = panel.height(); 

    // Set the height to 0 
    panel.height(0); 

    // Animate it to its initial size 
    $('a').click(function(e) { 
     e.preventDefault(); 
     $('#panel').animate({'height' : panelHeight}); 
    }); 
}); 

http://jsfiddle.net/3fsQr/

我無法工作，如何使它消失再次單擊該元素時。誰能幫忙？

Answer 1

我給你一個選擇：

設置#panel到display: none;

那麼你可以使用slideToggle()，你可以保持該滑動效果：Demo

，如果你想繼續使用animate，我更新了你的小提琴所以它的工作原理：Demo

Answer 2

更好，你可以使用jQuery切換。 http://api.jquery.com/toggle/

$('a').click(function(e) { 
     e.preventDefault(); 
     $('#panel').toggle(); 
    }); 

沒有必要保持高度爲 '0' 和原來的高度每次。

Answer 3

最好的解決辦法是設置#panel股利display:none，然後slideToggle它...

$('a').click(function(e) { 
    $('#panel').slideToggle(); 
});