jquery - 私はこのjquery関数を持っています...それは上にスライドします。左にスライドさせたい

Question

これが私の機能の実例です。正常に動作します。ただし、上下にスライドするのではなく、左にスライドさせるにはどうすればよいですか?

http://jsfiddle.net/QWQYS/24/

Answer 1

次のようにします。

$('.next').click(function () {
    $('.panel:visible').animate({ width: 'hide' }).closest('.panel').nextAll('.panel').eq(0).delay(500).animate({ width: 'show' });
});

$('.prev').click(function () {
    $('.panel:visible').animate({ width: 'hide' }).closest('.panel').prevAll('.panel').eq(0).delay(500).animate({ width: 'show' });
}); 

フィドル

もちろん、要素は相対的に配置され、コンテナーの高さは動的であるため、すべてが本当に奇妙に見えます。CSSでそれを理解する必要があります。