toggle button with animate показать/скрыть

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