HTML+CSS+JavaScript

День добрый!

Как сделать открывающееся меню, как:
one
two
-------info
three

при нажатии на ссылку в мену, выходит текст, далее, при нажатии к примеру на ONE то меню TWО закрываеться и открываеться меню ONE

Заранее благодарен!

Можно вот так с пом. css и JavaScript:

<style>
ul {
list-style: none;
}

.firstLevel {
padding: 4px 10px;
}

ul li ul {
display: none;
}
</style>


<ul id="list">
<li class="firstLevel">punkt one
<ul>
<li>subpunkt</li>
<li>subpunkt</li>
<li>subpunkt</li>
</ul>
</li>
<li class="firstLevel">punkt two
<ul>
<li>subpunkt</li>
<li>subpunkt</li>
<li>subpunkt</li>
</ul>
</li>
<li class="firstLevel">punkt four</li>
</ul>



<script>
function id(i){return document.getElementById(i)}
var list = id('list');
var listChildren = list.childNodes;
for(var n=0; n<listChildren.length; n++){
if(listChildren[n].nodeType == 3) continue;
listChildren[n].onclick = function(){
if(!this.on_off) this.on_off=true;
else this.on_off = !this.on_off;

if(this.on_off) {
this.getElementsByTagName('ul')[0].style.display = 'block';
this.getElementsByTagName('ul')[0].onclick=function(e){e.stopPropagation();};
}
else {
this.getElementsByTagName('ul')[0].style.display = 'none';
this.getElementsByTagName('ul')[0].onclick=function(e){e.stopPropagation()};
}

}
}

</script>

спасибо, но в этом примере се можно открыть одновременно, а мне необходимо, что бы один был активен а все остальные закрыты... )*

">мне необходимо, что бы один был активен а все остальные закрыты"

НЕОБХОДИМО для любого - есть, пить, спать, отправлять естественные надобности...
Всё прочее надо именовать - ЖЕЛАТЕЛЬНО :-)

<style> div.hid {display: none; margin-left: 20px; border: 1px solid #000} </style> <script> function f (x) { if (self.OBJ) OBJ.style.display = 'none'; OBJ = document.getElementById ('d' + x.id.substr (1)); OBJ.style.display = 'block'; } </script> <span id="s1" onclick="f (this)">first </span><br><div id="d1" class="hid">first  text</div> <span id="s2" onclick="f (this)">second</span><br><div id="d2" class="hid">second text</div> <span id="s3" onclick="f (this)">third </span><br><div id="d3" class="hid">third  text</div>

а в чем разница между class="" и id="" ???

ИД это "личная метка" для тега, класс это набор стилей для издевательств над содержимым тега.
Ид, в основном, используют в JS, хотя и стили можно прописать используя CSS.

.Clas { color:rel; }
th#ИД { color:red; }

<th id="ИД">text</th>
<th class="Clas">text</th>

Хрен редьки не слаще, если с просонья не напутал.

Посмотри здесь:
http://easywebscripts.net/javascript.php

Спасибо, прикольный сайт!))