Code (javascript):$(document).ready(function(){
$('#portfolio li').click(function(){
var index = $('#portfolio li').index(this);
$('#preparat-description').children('div').hide();
$('#preparat-description').children('div:eq('+index+')').show();
});
});
Ovo je sav kod koji ti treba. Moraces da sredis malo html tako da ti div #preparat-description obuhvata sve one opise.
(Valjda treba da se izbaci div #p koji je prazan i ne sluzi nicemu, kao i da se izbaci jos jednom dodat div #preparat-description kod div-a #p6 .)
Id elementa unutar ovih glavnih div-ova vise nije bitan, mozes ih izbrisati.
Ako imas nekih problema, slobodno pitaj.
Da se nadovezem na onu drugu temu:
Kada sam video da si animaciju u JQ-u odradio preko show() i hide(), pretpostavio sam da znas JQ ali da se nisi setio. Kod je vise nego trivijalan.
Sada razumes sto ti nisam resio sve?
Ja licno preferiram put ucenja. Kada nesto ne znam vise volim da mi se objasni kako da uradim nego da mi se uradi. To sam pokusao da primenim i ovde. Rekoh ti kako da resis preko JS-a jer si se to pitao, i rekao sam ti da moze i preko JQ-a jer ga imas na stranici. Da te je zanimalo to takvo resenje, rekao bih ti kako. Mozda iz nekog razloga ti bas hoces da bude JS i ne zanima te drugo resenje bas kao sto te ne zanima misljenje o sajtu.
Edit: Zaboravio sam da kazem da sam sklonio <a> elemente unutar <li>. Preko CSS-a promeni kursor ako zelis. Ovo sam uradio da ne bi bilo skakanja na pocetak liste ako je scroll-ovana.
[Ovu poruku je menjao plague dana 12.08.2011. u 22:23 GMT+1]