带有动画显示/隐藏的切换按钮

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