JavaScript in menjanje div-ov

Živjo!

Imam naslednjo kodo:

<div class="templatemo_three_col left_col">
<p>
<ul>
	<li><a href="#">Muske1)</a></li>
	<li><a href="#">Muske2</a></li>
	<li><a href="#">Muske3</a></li>
	<li><a href="#">Muske4</a></li>
</ul>
</p>
</div>
<div class="templatemo_three_col middle_col">
<p>
<ul>
	<li><a href="#">Muske1</a></li>
	<li><a href="#">Muske2</a></li>
	<li><a href="#">Muske3</a></li>
	<li><a href="#">Muske4</a></li>
</ul>
</p>
</div>
<div class="templatemo_three_col right_col">
<p>
<ul>
	<li><a href="#">Muske1</a></li>
	<li><a href="#">Muske2</a></li>
	<li><a href="#">Muske3</a></li>
	<li><a href="#">Muske4</a></li>
</ul>
</p>
</div>

Sedaj pa bi rad, da mi ob kliku puščice te tri stolpiče umakne in prikaže nove tri.

Jst bi ti priporoču, da uporabš kakšno knižnco ala jQuery, da se ti ni treba ubadat s cross browser kompatibilnostjo (pa še močno ti olajša delo).

Sicer ne vem točno kaj hočš, ampak skrivanje prikazovanje v jquerju zgleda nekak tkole:

$(document).ready(function(){
   $("#arrow").click(function(){ //predpostavljam, da ima tvoja puščica id arrow
       $(".templatemo_three_col").hide(); //skrije vse tage, ki imajo class templatemo_three_col
       $(".to_be_shown").show(); //pokaže  
   });

}

http://docs.jquery.com/Effects pa se kaksen efekt da bo bolj kicast :)

Gandalfar je premaknil sporočila v produkti v tabeli s poštevanko.