Как добавить эффект затухания непрозрачности для jQuery slidetoggle?

Я использую следующий код для перемещения вверх и вниз по div:

$(document).ready(function(){
    $(".toggle-button").click(function () {
        $(".about").slideToggle("slow");
    });
});

Я хочу добавить эффект затухания и выцветать эффект на кнопку переключения. Любые предложения о том, как это сделать?

Ответы

Ответ 1

Простым способом достижения этого является передача значения toggle в animate():

$(document).ready(function() {
    $(".toggle-button").click(function() {
        $(".about").animate({
            height: "toggle",
            opacity: "toggle"
        }, "slow");
    });
});

Вы можете увидеть результаты в эту скрипту.