合并 - 显示内联块和没有？

Question

div#errors_of_saved{
    width: 100px;
    display: inline-block;
    display: none;}

有一个错误div，它隐藏起来，直到某个JS函数不淡入它，并且它也应该以内联方式显示。

问题 - 这种方式文本编辑器说display属性被覆盖，display: inline-block none; - 该语法无效。

我不想使用visibilty:hidden，因为Jquery动画fadeIn() fadeOut()无法使用可见性。

我该怎么办？

Answer 1

由于按需显示div#errors_of_saved以显示错误消息，因此我将默认设置为display: none。

jQuery倾向于使用display: block来显示元素。由于您要使用display: inline-block，我可能会尝试设置更具体的CSS规则，例如：

div#errors_of_saved.show {
    display: inline-block
}

然后让jQuery根据需要添加类来显示错误消息。

我的建议是假设您可以使用jQuery animate()函数，但有几种方法可以尝试。