具有動畫顯示/隱藏的切換按鈕

Question

當您單擊按鈕時，我正在嘗試製作手風琴，但需要具有動畫並只隱藏最後一段。我做了一個嘗試，但得到了一點，我不知道該怎麼做才能將按鈕展開爲動畫。

jQuery的

$('button').click(function(){ 
    $('section p:last-child').show(); 
    $(this).text('HIDE'); 
}); 

JSFIDDLE

Answer 1

試試這個：

$('button').click(function(){ 
    $('section p:last-child').fadeToggle(); 
    // or you can use $('section p:last-child').slideToggle(); or simply $('section p:last-child').toggle('slow'); 
}); 

請與提琴here