[jquery]menu sliding box


(pawciak) #1

Witam, szukałem różnych tutoriali niemniej nie potrafiłem odnaleźć właściwego.

Otóż mamy tak jak na załączniku (http://www.mypicx.com/thumb/927903272_05282011_1.gif) - cztery boxy, które służą mi jako menu. Z czego skorzystać, jak stworzyć takie menu by po kliknięciu na którykolwiek z buttonów content wyświetlał się pomiędzy nimi(http://www.mypicx.com/thumb/1249913309_05282011_2.gif)? Eksperymentowałem z listą uporządkowaną ale nic z tego nie wyszło.. zależy mi na płynnym rozsuwaniu.

Pozdrawiam


(Ryan) #2

Hotlinkowanie z mypicx nie działa. Użyj divów z float=left i ustawioną na sztywno szerokością. Jeśli zbudujesz hierarchię 2 kwadratów, jednego prostokąta (z display:none i podwójną szerokością) i znowu dwóch kwadratów, możesz w jQuery wywołać na prostokącie hide/show/toggle/fade* i powinno działać. Zamiast divów możesz w zasadzie użyć dowolnych obiektów blokowych, ale divy powinny być stosunkowo naturalne w tym wypadku.