2012-07-05 91 views

回答

0

你不喜歡這樣:

$('.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' }); 
}); 

FIDDLE

你當然元素的相對定位,並在容器上的高度是動態的,所以這一切看起來真奇怪。你必須在你的CSS中弄清楚。

+0

謝謝。但是,這與使用.show()&.hide()確實隱藏和顯示div完全相同。我希望整個面板向左滑動,下一個面板從右側進入。反之亦然,如果你點擊prev按鈕。也許用jQuery UI? – 2012-07-05 19:46:16