Javascript 淡入切换jquery元素

Javascript 淡入切换jquery元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要使用jquery在淡入淡出类hidden之间切换动画 我的jquery如下所示: function slide() { $('.additional-perspectives medium-picture shadow last').slideToggle("fast"); ($("#perNum").text() === "+2") ? $("#perNum").text("Changed") + $(".picture-hidd").removeCla

我需要使用jquery在淡入淡出类hidden之间切换动画

我的jquery如下所示:

function slide() {
    $('.additional-perspectives medium-picture shadow last').slideToggle("fast");
    ($("#perNum").text() === "+2") ? 
        $("#perNum").text("Changed") + $(".picture-hidd").removeClass('hidden') :
        $("#perNum").text("+2") + $(".picture-hidd").addClass('hidden');
}
当类隐藏时,删除的元素将在0.5秒内淡出,当类隐藏时,添加的元素将在0.5秒内淡出

试试这个:

function slide() {
    $('.additional-perspectives medium-picture shadow last').slideToggle("fast");
    if($("#perNum").text() === "+2") 
    {
       $("#perNum").text("Changed");
       $(".picture-hidd").removeClass('hidden').fadeIn(500);
    }
    else
    {
       $("#perNum").text("+2");
       $(".picture-hidd").addClass('hidden').fadeOut(500);
    }
}
试试这个

 function slide() {
    $('.additional-perspectives medium-picture shadow last').slideToggle("fast");
    if($("#perNum").text() === "+2") 
    {
       $("#perNum").text("Changed");
       $(".picture-hidd").fadeIn(1000, function() { 
            $(".picture-hidd").removeClass('hidden');
       });

    }
    else
    {
       $("#perNum").text("+2");          
       $(".picture-hidd").fadeOut(1000, function() { 
               $(".picture-hidd").addClass('hidden');
            });
    }
}

您可以为此切换一个类:

$“淡入淡出”。单击函数{ $'.fadable'。切换ClassFade; }; .可褪色{ 不透明度:1; 过渡:均为0.5s; } .褪色{ 不透明度:0; } 我要褪色了
切换时尚你有什么问题?