如何從右到左移動按鈕單擊使用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

回答

相關問題