Javascript 淡入切换jquery元素
我需要使用jquery在淡入淡出类hidden之间切换动画 我的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
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; } 我要褪色了
切换时尚你有什么问题?