Question

我正在进行一个项目，我有一个＆＃34;侧面弹出＆＃34;，我想将它设置为显示：在css开始时没有确定它是dosnt＆＃34; blink＆＃34;就像使用jquerys＆＃34; hide（）＆＃34;时一样。问题是：
- 当将显示属性设置为＆＃34; inline＆＃34;时，如何使div淡化？通过jquery？

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

我尝试过使用

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

这只会消除你的按钮。
有关如何使用jquery或css进行此操作的任何建议吗？

如果可能的话，我不想淡化，而是从底部向上滑动。

Answer 1

您可以通过转换属性来实现淡入或淡出

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

CSS：

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

希望它有助于

Answer 2

我通常按以下方式进行：

将您的display:none保留在css中并使用以下内容：

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

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

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

Answer 3

我已用.fadein替换了.css项目，请参阅jsfiddle fork

示例：

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

更改显示时的fadein div - ＆gt;内联jquery

3 个答案: