Jquery 添加幻灯片<；部门>；从右到左

我正在尝试从右向左滑动一个附加到其父对象的

。我在这方面没有多大成功

我试图实现的是当它被附加时，从右向左的中速滑动。我尝试使用jQueryUI和JQuery，但无法正确实现这一点。做这件事的正确方法是什么（没有jQueryUI，或者如果无法避免，就用它）

侧栏投票的东西
$（文档）.ready（函数（）{
$（'.acceptUser、.rejectUser'）。单击（函数（）{
var action=$（this.attr（'class'）；
变量类型=$（this.data（'id'）；
var parentTag=$（this.parent（“div”）；
parentTag.empty（）；
parentTag.append（“Success”）.animate（{left:'0px'}）；
});
});
用户名：Norman | SignedUp:10-09-2013 | SignedUp地点：美国
接受
拒绝

您必须选择新添加的元素。因此，您可以将其改写为：

 parentTag.append('<div class="flag" style="background:red;">Success</div>');
 parentTag.find('div.flag').animate({ left: '0px' });

演示

（第1版）

---

（第2版）

效果很好。有没有办法让它从

div

的开始右侧滑入，而不是像您所做的那样滑入特定位置？如果父容器已将位置设置为相对或绝对，则可以使用

left:100%

，请参阅。

 parentTag.append('<div class="flag" style="background:red;">Success</div>');
 parentTag.find('div.flag').animate({ left: '0px' });

$('<div class="flag" style="background: red;">Success</div>')
    .appendTo(parentTag)
    .animate({ left: '0px' });