Javascript jQuery动画slideLeft不带文本换行

我想使用jQuery从左到右显示/隐藏一段文本

我正在使用

$('#text').animate({
     width: ['toggle', 'swing']
});

然而，我看到这一段随着动画的发生而结束。而且它看起来很丑

有关不希望出现的效果的示例，请参见

您如何建议获得相同的效果，但不使用包装？（如

.slideUp（）

/

slideDown（）

）

---

感谢您的帮助

您需要在容器上设置

溢出：隐藏

，然后将动画应用于容器

试试这个：

CSS:

脚本：

setTimeout(
function(){
    $('#wrap').animate( // Changed to slide the wrap instead of the #text
        {
            width: ['toggle', 'swing']
        })
    },
1000);

setTimeout(
function(){
    $('#wrap').animate( // Changed to slide the wrap instead of the #text
        {
            width: ['toggle', 'swing']
        })
    },
1000);