使用jQuery滑动 - animate()方法

时间:2013-11-22 09:37:47

标签: javascript jquery animation jquery-animate css-animations

我目前正在使用以下代码(至少在视觉上)替换div的内容,其id为“box3”(通过隐藏当前内容并显示新内容),但是通过使新内容滑入外观(旧的内容只是隐藏而不会滑动)。

var tabIndex = 1;

function nextButtonClick() {
    $("#box3").hide();
    $(".tab" + tabIndex).hide();
    $(".tab" + (tabIndex + 1)).show();
    $("#box3").animate({ width: 'toggle' }); 
    tabIndex++;
}

问题是这种方法使新内容从左向右滑动,而我想从右向左滑动。我试过四处寻找如何改变滑动方向,但似乎没有任何效果;它通常只会让所有内容消失,让'box3#视觉上为空。

(顺便说一句,我使用此代码作为常规Javascript;它不在'ready'函数中。)

有人可以提出任何建议吗?谢谢,康纳。

0 个答案:

没有答案