Jquery 我可以使切换淡出变慢和淡出变快吗？

我想切换到这样一种工作方式，当它淡出时，它以缓慢的速度出现，而淡出时，速度很快

$（“#目标”）.fadeToggle（“快速”）

有什么想法吗

$('#click-me').click(function(){
    if($('#target').is(':visible')){
       $('#target').fadeOut('fast');
    }
    else{
       $('#target').fadeIn('slow');
    }
});

那就行了。我使用了
if（$（'#target'）.is（':visible'））
来检查它是可见的还是隐藏的（切换）。显然，当您使用
id=“click me”

那就行了。我使用了
if（$（'#target'）.is（':visible'））
来检查它是可见的还是隐藏的（切换）。显然，当你用
id=“click me”
点击某个东西时，它会触发。如果你试图让
#目标
以不同的速度立即淡入淡出，那么你可以使用类似的方法（如其他人所建议的）：

这将调用
#target
上的
fadeOut（）
方法，然后在第一次调用完成后调用
fadeIn（）
方法，因此您的div将消失，然后重新出现

如果您想将切换绑定到另一个相关项目，可以执行以下操作：

$("#clickme").toggle(function() {
    $("#target").fadeOut('fast');
}, function () {
    $("#target").fadeIn('slow');
});​

其中，
#clickme
是页面上的另一个元素。有关工作示例，请参见。
如果您试图让
#target
以不同的速度立即淡入淡出，则可以使用类似的方法（如其他人所建议）：

这将调用
#target
上的
fadeOut（）
方法，然后在第一次调用完成后调用
fadeIn（）
方法，因此您的div将消失，然后重新出现

如果您想将切换绑定到另一个相关项目，可以执行以下操作：

$("#clickme").toggle(function() {
    $("#target").fadeOut('fast');
}, function () {
    $("#target").fadeIn('slow');
});​

其中，
#clickme
是页面上的另一个元素。有关工作示例，请参阅。
如果要切换另一个元素的淡入淡出，则可以使用此功能：

HTML:

示例：
如果要切换另一个元素的淡入淡出，则可以使用此功能：

HTML:

示例：
您可以这样做

HTML

你可以这样做

HTML

<button id="but" target="#content">Toggle content</button>

function fadeToggle() {
    var target = $(this).attr('target');

    if(!$(target).hasClass('hide')) {
        $(target).fadeOut(100).addClass('hide');
    } else {
        $(target).fadeIn(2000).removeClass('hide');            
    }
}

$('#but').click(fadeToggle);

<button id="but" target="#content">Toggle content</button>

function fadeToggle() {
    var target = $(this).attr('target');

    $(target).fadeOut(1000,function(){
      $(target).fadeIn(2000);  
    });
}

$('#but').click(fadeToggle);