在jQuery中从右向左设置宽度切换动画

我想使用jQuery从右向左滑动一个隐藏的（

display:none

）div块。当用户将鼠标悬停在此块上时，它应该出现。以下是代码：

$('.wrapper').hover(function () {
    $(this).children('.item').stop(true, true).animate({width:'toggle'}, 400);
});

---

这段代码工作正常，但它从左向右滑动，我希望它从右向左滑动。我怎样才能“逆转”它

动画使元素的

宽度

发生变化，当它以通常的方式定位时，它会收缩到左侧（这样想：如果它获得50%的

宽度

，块会在哪里结束？）。您可以用另一种方式定位

div

，例如使用

float:right在这种情况下，它将收缩到右侧

以下是一个示例片段：


window.toggle=function（）{
jQuery（“.toggledOne.toggledAnother”）.stop（true，true）.animate（{width:'toggle'}，400）；
}
.wrapper，
.toggledOne，
.toggledAnother{
宽度：100%；
}
.包装纸{
高度：2米；
}
.toggledOne，
.toggledAnother{
高度：1米；
}
.toggledOne{
背景色：红色；
}
.toggledAnother{
浮动：对；
背景颜色：绿色；
}

点击我
动画使元素的
宽度
发生变化，当它以通常的方式定位时，它会收缩到左侧（这样想：如果它的宽度达到50%，你的块会在哪里结束？）。您可以用另一种方式定位
div
，例如使用
float:right在这种情况下，它将收缩到右侧

以下是一个示例片段：


window.toggle=function（）{
jQuery（“.toggledOne.toggledAnother”）.stop（true，true）.animate（{width:'toggle'}，400）；
}
.wrapper，
.toggledOne，
.toggledAnother{
宽度：100%；
}
.包装纸{
高度：2米；
}
.toggledOne，
.toggledAnother{
高度：1米；
}
.toggledOne{
背景色：红色；
}
.toggledAnother{
浮动：对；
背景颜色：绿色；
}

点击我
当
显示
为
无
时，您想如何触发
悬停
事件？@Mohammad I会推断
项
具有
显示：无
，而
.wrapper
是可见的。当
显示
事件是
none
时，您想如何触发
悬停
事件？@Mohammad I会推断
.item
具有
显示：none
，并且
wrapper
是可见的。