Javascript 更改显示时的fadein div->；与jquery内联

我正在做一个项目，在那里我有一个“侧面弹出窗口”，我想让它设置为在开始时显示：css中无，以确保它不会像使用jquerys“hide（）”时那样“闪烁”。问题是：
-当通过jquery将display属性设置为“inline”时，如何使div fadein变为“inline”

我的代码ish（仅用于演示）：

我试过使用

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

这只会淡出tho中的按钮。
关于如何使用jquery或css实现这一点，有什么建议吗

---

如果可能，我不想淡入淡出，而是从底部向上滑动。

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

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

CSS:

---

希望它有帮助

我通常用以下方式来做：

在css中保持您的

显示：none

打开，并使用以下命令：

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

如果要在淡入后将其更改为内联，则需要在回调函数中执行此操作：

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

---

我已将您的.css项替换为.fadein查看

例如：

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

---

fadeIn本身设置display如果你不坚持点击，但只需悬停在弹出窗口的一侧就可以了，你可以用纯css来实现这一点。没有问题：试试这个$（“.popupContent”）.css（{opacity:0，display:'inline block'））。动画（{opacity:1}，600）；

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