HTML+CSS+JavaScript

Привет всем!!! Скажу сразу я в JavaScript новичок только начинаю знакомится есть такая проблема я делаю себе сайт и хочу туда поставить разваливающееся меню скачал скрипт начал подстраивать его под себя и вот тут начинается проблема как мне добавить туда еще каталогов (сразу поправлю не подкоталоги с ними все нормально):


<head\

<script language=JavaScript\

function clickHandler(evt)
{
var targetId, srcElement, targetElement;
srcElement = evt ? evt.target : window.event.srcElement; // window.event - IE-only
if (srcElement.className == "Outline")
{
targetId = srcElement.id + "details";
targetElement = document.getElementById(targetId); // document.all фтопку
if (targetElement.style.display == "none")
{targetElement.style.display = "";}
else
{targetElement.style.display = "none";}
}
}
document.onclick = clickHandler;
</script\
</head\



\body >

<b id="Out1" class="Outline" style="cursor: hand;">Фоны</b><br>
<div id="Out1details" style="display:None; position:relative; left:12;">
<a href="">Фоны</a><br>
<a href="">Фоны с разделителями</a><br>
</div>

</body\

напишите плиз где что надо поменять и поставить или добавить!!!! Зарание плогодарин и спосибо!!

Никто не будет вместо вас исправлять ваш код, чтобы посмотреть - чего там получается или не получается.

Хотите, чтобы помогли - напишите нормально, т.е. с использованием валидного HTML.
Слеш в HTML-элементах, не имеющих закрывающих тегов, ставится прямой, а не обратный.