_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>