javascript - 将slideUp和slideDown添加到隐藏的div中

Question

我正在使用下面的代码在常见问题解答页面上的隐藏 div 上创建淡入和淡出效果。问题是，它使隐藏的 div 突然打开和关闭，这非常令人恼火。我对 javascript 不太热衷，不知道如何将 slideUp 和 slideDown 放入其中，因为我希望它也可以向上滑动和向下滑动。有什么办法可以让这个脚本有滑动功能吗？谢谢。

$(document).ready(function() {                                  
    $("a[name^='faq-']").each(function() {
        $(this).click(function() {
            if( $("#" + this.name).is(':hidden') ) {
                $("#" + this.name).fadeIn('slow');
            } else {
                $("#" + this.name).fadeOut('slow');
            }           
            return false;
        });
    });
});

Answer 1

您可以通过使用 visibility:hidden 来隐藏 div 而不是 display:none，通过对 CSS 进行小的调整来解决此问题。这将为您要淡入和淡出的 DIV 保留空间。

你想同时滑动和淡入淡出吗？尝试使用.animate()将不透明度设置为 0/1 并将高度设置为 max/0。