Javascript jQuery：向上滑动元素并替换它

我试图使用jQuery来创建它，这样当我单击一个元素时，它会向上滑动，并创建一个新的元素，该元素会向下滑动到它的位置

我的代码在这里：

$（'.grab_按钮'）。单击（函数（）{
$（this）.slideUp（函数（）{
$（this.parent（）.append（$（'happed'）.hide（））；
$（this.parent（）.children（'.grapped'）.slideDown（）；
$（this.remove（）；
});
});

---

当我单击元素时，它会完美地滑出，并创建新元素，但它不会滑下。它只是出现了。如果我隐藏该元素，然后通过WebKit控制台将其向下滑动，它将正确设置动画。这里怎么了

滑动内联元素存在问题，特别是当它们是动态插入的，并且没有位置、大小或其他任何内容时

试试这个：

$('.grab_button').click(function () {
    var assGrab = $('<span />', {'class':'grabbed', text:'grabbed', style:'display:inline-block;'});
    $(this).slideUp(function () {
        $(this).replaceWith(assGrab.hide());
        assGrab.slideDown()
    });
});

$（'.grab_按钮'）。单击（函数（）{
var assGrab=$（“”，{'class'：'jamped'，text:'jamped'，style:'display:inline block；'}）；
$（this）.slideUp（函数（）{
$（this.replaceWith（assGrab.hide（））；
assGrab.slideDown（）
});
});

---

滑动内联元素存在问题，特别是当它们是动态插入的并且没有位置、大小或其他任何内容时

试试这个：

$('.grab_button').click(function () {
    var assGrab = $('<span />', {'class':'grabbed', text:'grabbed', style:'display:inline-block;'});
    $(this).slideUp(function () {
        $(this).replaceWith(assGrab.hide());
        assGrab.slideDown()
    });
});

$（'.grab_按钮'）。单击（函数（）{
var assGrab=$（“”，{'class'：'jamped'，text:'jamped'，style:'display:inline block；'}）；
$（this）.slideUp（函数（）{
$（this.replaceWith（assGrab.hide（））；
assGrab.slideDown（）
});
});

---

我写的代码是否有什么特别的错误（即，即使在理论上它也不应该工作）？@jdp407-不完全正确，如果使用div而不是span，您的代码可能也会工作。我写的代码是否有什么特别的错误（即，即使在理论上它也不应该工作）？@jdp407-不完全正确，如果您使用div而不是span，那么您的代码可能也能正常工作。