更改显示时淡入淡出 div ->与 jquery 内联

Question

iam在一个我有"侧面弹出"的项目上工作，我想设置它来显示：css in n n n n n n n n n n n n in n in n in n in n in n in n in n in It on It当使用Jquerys" hide（）"时确实会发生。问题是：
- 在将显示属性设置为" inline"时，我如何制作div fadein？

我的代码ish（仅出于演示目的而制作）：https://jsfiddle.net/dzm50k39/

ive尝试使用

  $(".popupContent").fadeIn().css("display", "inline");

这只会淡入tho中的按钮。
关于如何使用jQuery或CSS执行此操作的任何建议？

如果可能的话，我想不褪色，而是从底部滑动。

Answer 1

您可以通过过渡属性进行淡入或淡入淡出

$(".popupContent").css("display", "inline");

CSS：

.popupContent
{
  transition: all 0.5s ease-in-out;
}

希望它有帮助

Answer 2

我通常以下列方式进行：

在CSS中保持display:none并使用以下内容：

$(".popupContent").css("display", "inline").hide().fadeIn();  // ends as an inline object

如果您想将其更改为"淡入淡出之后"，则需要在回调函数中执行此操作：

$(".popupContent").fadeIn(function() {
   $(this).css("display", "inline")
});

Answer 3

我已经用.fadein替换了您的.css项目。

示例：

$(".popupContent").fadeIn(1000);