JQuery在单击按钮时设置不透明度动画

这似乎是可行的，但我可能没有用正确的方法。不是专门寻找不透明度/淡入度，而是任何动画功能

$('#button').click(function () {
    $(this).toggleClass('more');
    var txt = $('.more').is(':visible') ? '-' : '+';
    $(this).text(txt);
    if ($('#box').is(':visible')) {
        $('#box').animate({
            opacity: 0
        });
    } else {
        $('#box').animate({
            opacity: 1
        });
    }
});

$('#button').click(function () {
    $(this).toggleClass('more');
    var vis = $(this).hasClass('more'); // boolean
    $(this).text( vis ? '-' : '+' );
    $('#box').stop().animate({opacity: vis ? 0 : 1 });
});

切换类后，测试状态，是否有类，使其成为

布尔值
（frue/false）

这样，您就可以在一个

条件运算符（？：）（AKA
三值运算符
）来进行真实/虚假更改

任何想要的方法

例如：

var iAmHappy = true;     // boolean
$('#mood').text( iAmHappy ? "Happy" : "Sad" )
          .css({ color:  iAmHappy ? "green" : "red" });

伟大的这对我帮助很大。我将详细阅读条件/三元运算。谢谢@下流的给你：