разгъващ се див

jooorooo

Registered
хаиде и от мен едно JS :)

Код:
<html>
<head>
<script type="text/javascript">
function komentari(id)
{
 var komentarTekst = document.getElementById('kom' + id);
 var komentarButon = document.getElementById('buton' + id); 
 
 if (komentarTekst.style.display == 'none') {
  komentarTekst.style.display = 'block';
  komentarButon.src = 'minus.png';
 }
 else {
  komentarTekst.style.display = 'none';
  komentarButon.src = 'plus.png';
 }
}
</script>
<style type="text/css">
.kom
{
 background-color: #000000; 
 border: 1px solid #FC7171; 
 height: 40px; 
 width: 200px; 
 font-family: verdana; 
 font-size: 15px; 
 color: white; 
}
</style>
</head>
<body>

<a href="javascript: komentari('1')"><img src="plus.png" id="buton1" border="0"></a>
	<br>
	<br>
		<div class="kom" id="kom1" style="display: none;">
	tekst tekst <a style="color: #ED3E3E;" href="http://web-tourist.net" target="new">link</a> tekst tekst
		</div>

</body>
</html>

ДЕМО
 
А може ли като меню да стане? Тоест да не е така далече и различен линка където се показва.
 
luudman каза:
А може ли като меню да стане? Тоест да не е така далече и различен линка където се показва.

при добро подреждане на дивовете и повечко css може :)
 
става много лесно
махаш двата нови реда
<a href="javascript: komentari('1')"><img src="plus.png" id="buton1" border="0"></a>
<br>
<br>

<div class="kom" id="kom1" style="display: none;">
и на мястото на текста си слагаш менюто

едит:
малко едитнах скипта
сега дива ще бъде показан
<html>
<head>
<script type="text/javascript">
function komentari(id)
{
var komentarTekst = document.getElementById('kom' + id);
var komentarButon = document.getElementById('buton' + id);

if (komentarTekst.style.display == 'none') {
komentarTekst.style.display = 'block';
komentarButon.src = 'minus.png';
}
else {
komentarTekst.style.display = 'none';
komentarButon.src = 'plus.png';
}
}
</script>

<style type="text/css">
.kom
{
background-color: #000000;
border: 1px solid #FC7171;
height: 40px;
width: 200px;
font-family: verdana;
font-size: 15px;
color: white;
}
</style>
</head>
<body>

<a href="javascript: komentari('1')"><img src="minus.png" id="buton1" border="0"></a>
<br>
<br>
<div class="kom" id="kom1">
tekst tekst <a style="color: #ED3E3E;" href="http://web-tourist.net" target="new">link</a> tekst tekst
</div>

</body>
</html>
 
Гаща кгана проблем!Като дареди страницата директно показва линка и текста!
 

Горе