jQuery'；如果$（'；#foo'；）是（'；：隐藏'；）和$（'；#foo'；）.slideUp（）在"；显示：无！“重要”吗；？

这一个有效：

使用

但是如果由于某种原因，元素被某个框架（Compass/Blueprint的

+clearfix

）设置为

显示：block

，那么 我曾经

使它不显示在页面上，然后代码将无法工作

样本：

我还尝试添加

$（“div”）.css（{display:'block'}）

甚至

$（“div”）.css（{display:'block！important'}）slideDown（）

之前，它也不工作

样本：

---

有办法解决这个问题吗？

我会使用

overflow:auto在您正在向下滑动的
元素的父元素上，而不是您当前使用的clearfix解决方案。这不是一个真正的脚本问题…而是一个风格问题

另一方面，您的演示不是使用JSFIDLE的合适方式，并且可能会引入一些错误……呈现时，左上角的内容已经在
标记中。（还要注意使用）。
！重要信息
为CSS规则提供了无限的特殊性，您将无法覆盖它

我建议不要在主页上绑定幻灯片行为，以实现您的目标。这也会让渐进式增强更令人高兴。
因为
！重要信息
规则优先于一切！事实上，当使用
slide
函数时，jQuery会自动为元素提供一个非
！重要信息
style
display:block
，清除您的
display:block！重要信息
，并导致
样式
标记中定义的样式优先

简单的解决方法是不要使用
！重要信息
。最困难的是侵入jQuery源代码并添加
！重要信息
添加到已滑动元素的样式中
 首先尝试修改高度：0，然后删除属性样式并执行常规的向下滑动/滑动操作。应该有用

ie:selector.css（'height'，'0'）.attr（'style'，''）.slideUp（'slow'）
问题是我必须使用
！重要信息
@動靜能量 - 你为什么要用它？听起来您应该解决其他问题，例如，
clearfix
，有其他处理浮动的方法。
$(document.body).click(function () {
  if ($("div:first").is(":hidden")) {
    $("div").slideDown("slow");
  } else {
    $("div").slideUp("slow");
  }
});

display: none !important