javascript - 隐藏()与隐藏 ("slow")

Question

我需要隐藏一个 div，使用这段代码可以正常工作:

    var idObj = $(this).attr('key');
var valH = $(this).attr('hideval');
var valS = $(this).attr('showval');

if ($('div[name='+idObj+']').attr('isdisplay') == 'no') {
    $('div[name='+idObj+']').children().show("slow");
    $('div[name='+idObj+']').attr('isdisplay','yes');
    var divTitle = $('div[name='+idObj+']').children().first();
    var divArrow = $(this).children().first();
    //.attr('src',prefixImg+valH);

    //divTitle.show();
    //divArrow.show();
    $(this).children().first().attr('src',prefixImg+valH);
} else {

    var divTitle = $('div[name='+idObj+']').children().first();
    var divArrow = $('div[name='+idObj+']').children().last();
    //.attr('src',prefixImg+valS);

    $('div[name='+idObj+']').children().hide();
    $('div[name='+idObj+']').attr('isdisplay','no');

    divTitle.show();
    divArrow.show();
    $(this).children().first().attr('src',prefixImg+valS);
}

我的 div 已隐藏，但会显示标题和重新打开该 div 的箭头。但是，如果我尝试使用 hide("slow")，则当我的 div 关闭时，divTitle 和 divArrow 不会出现。使用 hide(1000) 同样的问题。

有和没有“慢”参数的隐藏之间有区别吗？

谢谢， 安德里亚

Answer 1

来自官方网站

The matched elements will be hidden immediately, with no animation. This is roughly equivalent to calling .css('display', 'none'), except that the value of the display property is saved in jQuery's data cache so that display can later be restored to its initial value. If an element has a display value of inline, then is hidden and shown, it will once again be displayed inline.

When a duration is provided, .hide() becomes an animation method. The .hide() method animates the width, height, and opacity of the matched elements simultaneously. When these properties reach 0, the display style property is set to none to ensure that the element no longer affects the layout of the page.

因此，如果立即使用 hide，它会立即隐藏而不产生动画 - 例如，噗。

如果随着时间的推移使用它，它就会变成动画，因此它会随着时间的推移而消失。

对于你的问题，没有相应的html代码很难判断。