如何从右到左移动按钮单击使用jquery

我想要在其中我想要动态显示该问题的形式即如果用户回答第一个问题，我希望这个问题是幻灯片和下一个问题似乎从左侧滑动。这里是我的代码如何从右到左移动按钮单击使用jquery

我不知道为什么的第二个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); 
});

来源

2015-07-13 vdezign solution

你是什么意思 “相应地改变” 是什么意思？你的代码看起来像你想要他做的。对我来说，很难理解你想要发生而不是目前的结果。 –

当问题的答案被验证时，您将不得不执行_jquery slideup_。现在你所有的代码都会显示'问题'。 –

是的..但是div的滑动不正确？如果你可以看到div对角移动，然后左转..我希望只能从右到左移动，而不是对角线移动 –

那是因为你的div slideleft正在发生slideUp发生之前和之后你divs没有定位absolutely他们会占用可用空间的设计，一旦一个元素是隐藏滑动左侧div将采取该位置。只需将一个position:absolute设置为一个div，就可以看到它将来自应该的位置。

DEMO

div{ 
    position:absolute; 
    width:100% 
}

来源

2015-07-13 07:11:08

如何从右到左移动按钮单击使用jquery

回答

相关问题