javascript - $.slideUp() 不适用于 CSS "display:none"父元素中的元素

Question

我正在设计一个网站，其中包含一些嵌套的 DIV 元素，我将这些元素用作容纳可扩展按钮的容器。

用户点击一个按钮，它会展开以显示更多内容。

一切正常，直到我有一个位于父 DIV 内且其显示属性设置为“无”的 DIV。

有没有办法强制 jQuery .slideUp() 方法最小化可扩展按钮，无论它是否在 display:none parent 中？

或者，我需要设置哪些属性才能使 $.slideDown() 在 display:none parent DIV 中设置的元素上正常工作？

Answer 1

如果父级有 display:none; 那么您需要在尝试滑动子级之前显示它。您可以使用 show 函数执行此操作。

$(divToSlide).parent().show();
$(divToSlide).slideUp();

根据评论，您也可以将显示属性设置为“阻止”

$(divToSlide).parent().css("display", "block");
$(divToSlide).slideUp();