Простое меню аккордеон на JavaScript

Для моего проекта мне необходимо было меню-аккордеон, только без всяких излишеств, написанное понятным кодом, чтобы не надо было скачивать никаких библиотек и тому подобного! Представляю вашему вниманию просто меню аккордеон на JavaScript (отрыла на просторах интернета):

Это само меню (при клике на менюшке вызывается функция accordeon(0), 0-идентификатор):

<div id=»mi0″>
<h3 onmousedown=»accordeon(0)»>Menu item</h3>
<ul id=»lister0″>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
</ul>
</div>
<div id=»mi1″>
<h3 onmousedown=»accordeon(1)»>Menu item</h3>
<ul id=»lister1″>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
<li><a title=»help help help help» href=»# » target=»_self»>List item</a></li>
</ul>
</div>

Этот ява скрипт ставим перед закрывающим тэгом body

<script type=»text/javascript»><!—mce:0—></script>

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

PS: вы разумеется можете определить стили для меню и оно будет выглядить так, как вы пожелаете )

У меня это выглядит так:

Похожие записи:

1. Как показать и скрыть текст на JavaScript jQuery
2. Галерея картинок на JavaScript Highslide
3. Динамичная галерея jCarousel и PHP