помогите плз сделать код чуть по проще
<html>
<head>
<script>
// Обворачиваем функцию toggle в локальное замыкание:
var toggle = function(divID1, divID2, divID3, divID4, divID5, divID6, divID7, divID8, divID9, divID10, divID11, divID12, divID13, divID14, divID15)
{
// Ссылка на текущий открытый div:
var currentDiv1 = document.getElementById(divID1);
var currentDiv2 = document.getElementById(divID2);
var currentDiv3 = document.getElementById(divID3);
var currentDiv4 = document.getElementById(divID4);
var currentDiv5 = document.getElementById(divID5);
var currentDiv6 = document.getElementById(divID6);
var currentDiv7 = document.getElementById(divID7);
var currentDiv8 = document.getElementById(divID8);
var currentDiv9 = document.getElementById(divID9);
var currentDiv10 = document.getElementById(divID10);
var currentDiv11 = document.getElementById(divID11);
var currentDiv12 = document.getElementById(divID12);
var currentDiv13 = document.getElementById(divID13);
var currentDiv14 = document.getElementById(divID14);
var currentDiv15 = document.getElementById(divID15);
// Текущая ссылка:
// Функция для "раскрытия" элемента:
// Запоминаем и прячем ссылку:
// currentAnchor = linkElement;
// if (currentAnchor.style.display = "none")
// {currentAnchor.style.display = "block"}
// else
// {currentAnchor.style.display = "none"}
// вырубаем все
currentDiv1.style.display = "block";
currentDiv2.style.display = "block";
currentDiv3.style.display = "block";
currentDiv4.style.display = "block";
currentDiv5.style.display = "block";
currentDiv6.style.display = "none";
currentDiv7.style.display = "none";
currentDiv8.style.display = "none";
currentDiv9.style.display = "none";
currentDiv10.style.display = "none";
currentDiv11.style.display = "none";
currentDiv12.style.display = "none";
currentDiv12.style.display = "none";
currentDiv13.style.display = "block";
currentDiv14.style.display = "block";
currentDiv15.style.display = "none";
};
</script>
<style>
.myDiv {
display: none;
}
.style1 {color: #CC6666}
</style>
</head>
<body>
<span class="style1">здесь будет меню</span><br>
<!--выводим блок меню -->
<div id="lMenuUp1"> <strong>Меню1</strong><br> </div>
<div id="lMenuUp2"> <strong>Меню2</strong><br> </div>
<div id="lMenuUp3"> <strong>Меню3</strong><br> </div>
<div class="myDiv" id="submenu1">
Пункт 11<br>
Пункт 12<br>
</div>
<div class="myDiv" id="submenu2">
Пункт 21<br>
Пункт 22<br>
</div>
<div class="myDiv" id="submenu3">
Пункт 31<br>
Пункт 32<br>
</div>
<div class="myDiv" id="lMenuDown1"> <strong>Меню1</strong><br> </div>
<div class="myDiv" id="lMenuDown2"> <strong>Меню2</strong><br> </div>
<div class="myDiv" id="lMenuDown3"> <strong>Меню3</strong><br> </div>
<hr>
<div class="myDiv" id="div1">
Содержание<br />
Содержание<br />
Содержание<br />
Содержание<br />
Содержание<br />
Содержание<br />
Содержание<br />
</div>
<div class="myDiv" id="div2">
Содержание1<br />
Содержание1<br />
Содержание1<br />
Содержание1<br />
Содержание1<br />
Содержание1<br />
Содержание1<br />
</div>
<div class="myDiv" id="div3">
Содержание2<br />
Содержание2<br />
Содержание2<br />
Содержание2<br />
Содержание2<br />
Содержание2<br />
Содержание2<br />
</div>
<a href="javascript://" onClick="toggle('lMenuUp1', 'submenu1', 'lMenuDown2', 'lMenuDown3', 'div1', 'lMenuUp2', 'lMenuUp3', 'submenu2', 'submenu3', 'lMenuDown1', 'div2', 'div3', 'link2', 'link3', 'link1')" id='link1'>Link1</a><br>
<a href="javascript://" onClick="toggle('lMenuDown1', 'lMenuUp2', 'lMenuDown3', 'submenu1', 'div2', 'submenu2', 'submenu3', 'lMenuUp1', 'lMenuDown2', 'lMenuUp3', 'div1','div3', 'link1', 'link3', 'link2')" id='link2'>Link2</a><br>
<a href="javascript://" onClick="toggle('lMenuUp3', 'submenu3', 'lMenuDown1', 'lMenuDown2', 'div3', 'lMenuUp1', 'lMenuUp2', 'submenu1', 'submenu2', 'lMenuDown3', 'div1', 'div2', 'link1', 'link3', 'link3')" id='link3'>Link3</a><br>
<hr>
</body>
</html>
а то как то страшно выглядит