如何使用Jquery

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

那是因为你slideleft发生了slideUp，而divs未定位absolutely，因此他们会占用设计中的可用空间元素被隐藏，左侧滑动div将占据该位置。只需将position:absolute设置为div即可，您可以看到它将来自应有的位置。

<强> DEMO

div{
    position:absolute;
    width:100%
}