Показать сообщение отдельно
  #6 (permalink)  
Старый 18.07.2013, 11:16
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

_Alex9_,

<!DOCTYPE html>
<html>
<head>
<title>Start Page</title>
<style type="text/css">
ul ul{
  display: none;
}
</style>
<script>
window.onload = function () {
       var a = document.getElementsByTagName('a')
       for (var i = 0; i < a.length; i++) {
           var ul = a[i].nextElementSibling;
           if (ul && ul.tagName == 'UL')
               a[i].onclick = (function (el) {
                   return function () {
                       el.style.display = el.style.display != 'block' ? 'block' : 'none';
                       return false
                  }
           })(ul)
       };
   }
</script>
</head>
<body >
<div id="leftVerticalMenu">
	<ul>
	<li>
		<a href="#">item 1</a>
		<ul>
		<li>
		    <a href="#">item 11</a>
			<ul>
				<li>
					<a href="#">item 111</a>
				</li>
				<li>
					<a href="#">item 112</a>
				</li>
			</ul>
		</li>
		<li>
			<a href="#">item 12</a>
		</li>
		</ul>
	</li>
	<li>
	<a href="#">item 2</a>
		<ul>
		<li>
			<a href="#">item 21</a>
		</li>
		<li>
			<a href="#">item 22</a>
		</li>
		</ul>
	</li>
	</ul>
</div>
</body>
</html>
Ответить с цитированием