[ТвердолобыйЛамер]

<style type='text/css'>
#script_menu > li > ul {
display: none;
}
#script_menu > li.on > ul {
display: block;
}
</style>
<script type='text/javascript'>
$(function(){
$('#script_menu > li > a').click(function(){
$('#script_menu > li.on')
.removeClass('on')
.children('ul').hide();
$(this).parent()
.addClass('on')
.children('ul').show();
return false;
});
});
</script>

Испробовал Ваш вариант , он к сожалению мне не подходит , так как после перезагрузки страницы меню закрывается . Попробуйте кликнуть по ссылкам в подменю , и меню закроется , а мне нужно , чтобы оно оставалось открытым. Так что я пока остановился на своем варианте.
Огромное спасибо за совет . Я его непременно разжую. Спасибо. Хорошего дня.