Fedul,
и так открывашка для меню 217 предыдущие варианты смотреть в поиске по форуму
рекомендую это
Выпадающее меню на jquery
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
.icon-plus {
cursor: pointer;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var ul = $(".menu-sidebar ul.level-2");
ul.hide();
$(".menu-sidebar").on("click", ".icon-plus", function() {
var sub = $(this).nextAll("ul")
sub.slideToggle("slow")
ul.not(sub).slideUp("slow");
});
ul.first().show()
});
</script>
</head>
<body> <ul class="menu-sidebar">
<li class="level-1">
<i class="icon-plus">+</i>
<a class="level-1" href="/.../..."></a>
<ul class="level-2 active">
<li class="level-2">1</li>
<li class="level-2">2</li>
</ul>
</li>
<li class="level-1">
<i class="icon-plus">+</i>
<a class="level-1" href="/.../..."></a>
<ul class="level-2 active">
<li class="level-2">1</li>
<li class="level-2">2</li>
</ul>
</li><li class="level-1">
<i class="icon-plus">+</i>
<a class="level-1" href="/.../..."></a>
<ul class="level-2 active">
<li class="level-2">1</li>
<li class="level-2">2</li>
</ul>
</li>
</ul>
</body>
</html>