Forum PHP.pl

No, więc tak mam taką stronkę w php, postanowiłem umieścić na niej menu, właściwie panel, ale uznajmy, że jest to menu. Menu, które po wciśnięciu na obrazek z nazwą menu zmienia się na obrazek menu(rozsuwa się). Skrypt wygląda tak:

[HTML] pobierz, plaintext 
<script type="text/javascript">
var i=0;
var p=1;
function rozsunOpcje(){
	if(p==1) {
		obiekt=document.getElementById("left");
		p=0
	}
	if(i==0){
		obiekt.id="left2";
		obiekt=document.getElementById("left2");
		i=1;
	}else{
		obiekt.id="left";
		p=1;
		i=0;
	}
}
</script>
[HTML] pobierz, plaintext 

- odpowiedzialne za rozsunięcie po naciśnięciu

[HTML] pobierz, plaintext 
<div class="left_content">
 
		<div id="left">
		<ul>
			<li><a href="#" title="" onclick="rozsunOpcje();">opcje</a></li>
		</ul>
 
 
 
 
		</div>
</div>    
[HTML] pobierz, plaintext 

no i css

[HTML] pobierz, plaintext 
#left{
width:200px;
height:46px;
clear:both;
margin:auto;
padding:10px 0 10px 0px;
background:url(images/panel.png) no-repeat center;
 
}
 
#left ul{
list-style:none;padding:0 0 0 60px;margin:0px;display:block;
}
#left ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-size:15px; line-height:44px; 
}
#left ul li a{
float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px;color:#fff;text-align:center;
}
 
#left2{
width:200px;
height:240px;
clear:both;
margin:auto;
padding:10px 0 10px 0px;
background:url(images/panel2.png) no-repeat center;
 
}
 
#left2 ul{
list-style:none;padding:0 0 0 60px;margin:0px;display:block;
}
#left2 ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-size:15px; line-height:44px; 
}
#left2 ul li a{
float:left;text-decoration:none;padding:0px 5px 0 5px; margin:0px;color:#fff;text-align:center;
}
[HTML] pobierz, plaintext 

No i teraz mnie tylko zastanawia jak zrobić następująca rzecz: linki, które znajdują się w kolumnach menu, ale oczywiście tylko jak menu jest rozsunięte..