[Dracula_666]

Есть код JS

<script type="text/javascript">// <![CDATA[
function showTooltip4()
{
var myDiv4 = document.getElementById('tooltip4');
var p=document.getElementById('sp');
if(myDiv4.style.display == 'none')
{
myDiv4.style.display = 'block';p.innerHTML='<img src="http://cdn.endata.cx/images/personal/1276213/ndblRArrowYellow.gif" alt="" />';
} else {
myDiv4.style.display = 'none';p.innerHTML='<img src="http://cdn.endata.cx/images/personal/1276213/dblRArrowYellow.gif" alt="" />';
}
return false;
}
function showTooltip5()
{
var myDiv4 = document.getElementById('tooltip5');
var p=document.getElementById('sp2');
if(myDiv4.style.display == 'none')
{
myDiv4.style.display = 'block';p.innerHTML='<img src="http://cdn.endata.cx/images/personal/1276213/ndblRArrowYellow.gif" alt="" />';
} else {
myDiv4.style.display = 'none';p.innerHTML='<img src="http://cdn.endata.cx/images/personal/1276213/dblRArrowYellow.gif" alt="" />';
}
return false;
}
// ]]></script>

html

<div style="margin: 10px 5px 0px; padding: 10px; text-align: width:100%; color: #ff0;" class="enPnl1 border_rad5 pnGr">
<center><strong>Информационный блок</strong></center>
<div class="hr" style="margin-top: 8px; margin-bottom: 4px; background-image: none; background-color: #0d3b00;"></div>
<a class="lm" href="/...">Правила</a>
<div class="hr" style="margin-top: 8px; margin-bottom: 4px; background-image: none; background-color: #0d3b00;"></div>
<div2><a style="text-decoration: none;" onclick="showTooltip4()" href="javascript:;">Для авторов&nbsp;<span id="sp">
<img src="http://cdn.endata.cx/images/personal/1276213/dblRArrowYellow.gif" alt="" /></span></a></div2>
<div id="tooltip4" style="display: none;"><a class="lm" href="/Addons.aspx?aid=3830">-&nbsp;Авторам игр</a><br />
<a class="lm" href="/Addons.aspx?aid=12149">-&nbsp;Об авторских ошибках</a></div>
<div class="hr" style="margin-top: 8px; margin-bottom: 4px; background-image: none; background-color: #0d3b00;"></div>
<div2><a style="text-decoration: none;" onclick="showTooltip5()" href="javascript:;">Для авторов-2&nbsp;<span id="sp2">
<img src="http://cdn.endata.cx/images/personal/1276213/dblRArrowYellow.gif" alt="" /></span></a></div2>
<div id="tooltip5" style="display: none;"><a class="lm" href="/Addons.aspx?aid=3830">-&nbsp;Авторам игр-2</a><br />
<a class="lm" href="/Addons.aspx?aid=12149">-&nbsp;Об авторских ошибках-2</a></div>

<div class="hr" style="margin-top: 8px; margin-bottom: 4px; background-image: none; background-color: #0d3b00;"></div>
</div>

можно ли сделать код намного проще? т.к. при создании новых пунктов в которых будет подменю я копирую код JS. или это на быстродействие сайта не будет влиять?
и еще вопрос. как сделать, чтобы при раскрытии меню и переходе по какому либо подпункту, это меню не закрывалось, а оставалось в открытом состоянии (чтобы постоянно не открывать его если пользователь хочет изучить подразделы)?