Bu bir meydan okuma bir parçasıdır. Aradığım şey şu:

1. Ekranda 3 divs
2. Div 1 Sayfa ortasında (ortalanmış) bulunur
3. Div 2 soldaki ekranda sadece bulunur
4. Div 3 sağdaki ekran hemen dışında bulunur
5. OnClick, Div 1 slaytlara pozisyonu Div 2 (sol), Div 2 slayt ekran dışı tamamen, Div 3 slayt nerede Div 3 (orta, ortalanmış). Yeni bir div hakkı geldi.

JQuery animasyon ve AddClass kullanarak denedim. jQuery div bir ekran kayar gibi değil.

Herhangi bir düşünce?

Tarif ettiğim bir örnek için, Groupon.com ziyaret edin. Serin bir fikir olduğunu düşündüm, ve kendimi yeniden meydan verdi. Şimdiye kadar, hiçbir zar.

-D

Böyle bir şeyi?

http://jsfiddle.net/jtbowden/ykbgT/embedded/result/

http://jsfiddle.net/jtbowden/ykbgT/

Bu temel işlevleri. Daha divs, vb ölçek değil, ama bu başlangıç için.

Anahtar kapsayıcı öğeleri sarın ve taşma gizli yapmaktır.

Güncelleme:

İşte divs (1'den büyük) herhangi bir sayıda kolları biraz daha iyi bir versiyonu:

http://jsfiddle.net/jtbowden/ykbgT/1/

Daha basitleştirilmiş:

http://jsfiddle.net/jtbowden/ykbgT/2/