jquery - 如何使用Jquery单击按钮从右向左移动div

Question

我想制作一个表格，我想在其中动态显示问题 即，如果用户回答第一个问题，我希望该问题向上滑动，下一个问题从左侧滑动出现。 这是我的代码

http://jsfiddle.net/hcmLw/3466/

我不知道为什么第二个div的位置相应地改变。

这是我的 jquery 代码

    $(".myButton").click(function () {

    // Set the effect type
    var effect = 'slide';

    // Set the options for the effect type chosen
    var options = { direction: 'right' };

    // Set the duration (default: 400 milliseconds)
    var duration = this.id;

    $('#myDiv').toggle(effect, options, duration);
});

Answer 1

那是因为你的 div slideleft 发生在 slideUp 发生之前并且因为你的 divs 没有定位 absolutely它们将占用设计中的可用空间，一旦一个元素被隐藏，向左滑动的 div 将占据该位置。只需将 position:absolute 设置为 div，您就可以看到它会从它应该出现的位置出现。

DEMO

div{
    position:absolute;
    width:100%
}