Скриване и показване на див

[MontefuckeR]

Трябва ми код който да извършва функция на скриване и показване.
пример:

• покажи

и когато някой натисне бутона "покажи" да излезе дива с инфото.

 

[miro_94]

http://web-tourist.net/login/login/view.php?st=1415

 

[MontefuckeR]

http://web-tourist.net/login/login/view.php?st=1415

направих го като текст но сега ми трябва така:

• Покажи

и когато някой натисне бутона тои да се смени на "Скрии" и да скрива дива?!

 

[miro91]

Ето така ще стане това което искаш и аз преди търсих такова нещо.

<script>
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("masterdiv").getElementsByTagName("div");
		if(el.style.display != "block"){
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu")
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}
</script><div id="masterdiv">Тука текст Тука текст Тука текст Тука текст <a href="#" onclick="SwitchMenu('sub1')">а текст Тука текста текст Тука текста текст Тука текст </div>

<div class="submenu" id="sub1">Тука съдържанието на дива който ще се показва</div>

Ако искаш и други дивове да се показват просто копираш <div class="submenu" id="sub1"> и сменяш суб1 на суб2 и после в линка пак пишеш суб2 разбра ли

 

[Galli]

Ето го по-просто

<script language="javascript">
function HideFrame(){
fr = document.getElementById ("hide");
if (fr.style.display!='none'){
fr.style.display="none";}else{
fr.style.display="block";}
}
</script>
<a href="javascript:void();" onclick="HideFrame();">Покажи/Скрий</a>
<div id="hide" style="display:none">
fffffffffffffffffffffffffffffffff
</div>

http://www.web-tourist.net/forum/viewtopic.php?t=13634

 

[MontefuckeR]

вече се оправих