jQuery在公共div中的单独段落中滑动而不滑动整个div

Question

所以我有div，其中有几段。 div有一些样式（例如背景，边框）和段落生活＆＃34;内部＆＃34; div之类的列表项。

<div id="box">
   <p>'s in here
</div>

我通过以下代码添加段落：

$("box").append("<p>Some text</p>").hide().slideDown("slow");

但是当我添加一个新段落时，整个div＆＃34;框＆＃34;隐藏然后向下滑动。如何才能使最后一段向下滑动？

Answer 1

使用 last() ：将匹配元素集合减少到集合中的最后一个元素。

$("box").append("<p>Some text</p>").children().last().hide().slideDown("slow");

Answer 2

或者，您可以将段落创建为jQuery对象，然后将其隐藏，然后将其附加到目标div，因为您已经单独创建了该对象，所以现在您可以引用该对象，因此使用该对象可以轻松实现动画它

以下是示例代码：

var $paragraph = $("<p>Another paragraph</p>").hide();
$("div").append($paragraph);
$paragraph.slideDown();

以下是JS Bin

的完整示例