Для моего проекта мне необходимо было меню-аккордеон, только без всяких излишеств, написанное понятным кодом, чтобы не надо было скачивать никаких библиотек и тому подобного! Представляю вашему вниманию просто меню аккордеон на 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: вы разумеется можете определить стили для меню и оно будет выглядить так, как вы пожелаете )
У меня это выглядит так:
Похожие записи: