Динамични бутони

[Dizasterr]

Здравейте! Пробвах се да направя такива бутони, които стоят в левия край на сайта и като натиснеш на него се показва целия. Тоест бутона е малко скрит в ляво и като натиснеш на него се показва целия. Пробвах и си написах този код, но нищо не става.

<script src="../jquery-1.3.2.js" type="text/javascript"></script>
<script>
function showleftMenu() {
	$("#left").animate({"left": "+=50px"}, "slow")
};
</script>
<style>
#left {
	width: 140px;
	height: 20px;
	background: url("../images/stripeleft.png");
	position: fixed;
	left: 0px;
	font-size: 12px;
	float: left;
}
</style>
// Това е в head тага
<div id="left" align="left">
Текст
</div><br/><br/>
<div id="left" align="left">
Текст
</div>
<a href="#" onclick="showleftMenu()">AAA</a>
// Това е в body тага

 

[Dizasterr]

Оправих го! Но като сложа onlick и натисна е добре, но като натисна втори път пак се мести надясно. Ето кода:

<script src="../jquery-1.3.2.js" type="text/javascript"></script>
<script>
function showMenu(div) {
	$(div).animate({"left": "+=110px"}, "slow")
};
function hideMenu(div) {
	$(div).animate({"left": "-=110px"}, "slow")
};
</script>
<style>
#left {
   width: 140px;
   height: 20px;
   background: url("../images/stripeleft.png");
   position: fixed;
   left: 0px;
   font-size: 12px;
   float: left;
}
</style> 
<div id="left" align="left" onclick="javascript: showMenu('#left');" >
<a href="#">Текст</a>
</div><br/><br/>

 

[StormBreaker]

С една променливка:

<script src="../jquery-1.3.2.js" type="text/javascript"></script> 
<script>
var shown = false;

function toggleMenu(div) {

if ( shown )  hideMenu(div);
else showMenu(div);

}

function showMenu(div) { 
   $(div).animate({"left": "+=110px"}, "slow");
shown = true;
}
function hideMenu(div) { 
   $(div).animate({"left": "-=110px"}, "slow");
shown = false;
}
</script> 
<style> 
#left { 
   width: 140px; 
   height: 20px; 
   background: url("../images/stripeleft.png"); 
   position: fixed; 
   left: 0px; 
   font-size: 12px; 
   float: left; 
} 
</style> 
<div id="left" align="left" onclick="toggleMenu('#left')" > 
<a href="#">Текст</a> 
</div><br/><br/>

 

[Dizasterr]

С една променливка:

<script src="../jquery-1.3.2.js" type="text/javascript"></script> 
<script>
var shown = false;

function toggleMenu(div) {

if ( shown )  hideMenu(div);
else showMenu(div);

}

function showMenu(div) { 
   $(div).animate({"left": "+=110px"}, "slow");
shown = true;
}
function hideMenu(div) { 
   $(div).animate({"left": "-=110px"}, "slow");
shown = false;
}
</script> 
<style> 
#left { 
   width: 140px; 
   height: 20px; 
   background: url("../images/stripeleft.png"); 
   position: fixed; 
   left: 0px; 
   font-size: 12px; 
   float: left; 
} 
</style> 
<div id="left" align="left" onclick="toggleMenu('#left')" > 
<a href="#">Текст</a> 
</div><br/><br/>

Благодаря много +1! :?: