<script type="text/javascript">menu = function(speed){$('div.menu a.menu_main_link').click(function(){$(this).next('div').slideToggle(speed)})}</script>
<style type="text/css">
div.menu {
font-family: verdana;
font-size: 7pt;
margin: 0;
padding: 0;
width: 200px;
border: 1px solid #eeeeee;
background: #fcfcfc;
}
div.menu div.menu_hidden {
display: none;
background: #fefefe;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
}
div.menu div.menu_hidden a.menu_sub_link:hover {
background: #fafafa;
color: black;
}
div.menu a.menu_main_link, a.menu_link, a.menu_sub_link {
text-decoration: none;
padding: 5px 8px 5px 8px;
background: transparent;
display: block;
color: gray;
}
div.menu a.menu_main_link:hover, a.menu_link:hover {
background: #666666;
color: white;
}
</style>
<div class="menu">
<a href="http://pastebin.ucoz.com" class="menu_link">ссылка 1 (без доп. ссылок)</a>
<a href="javascript://" class="menu_main_link">ссылка 2</a>
<div class="menu_hidden">
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 1</a>
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 2</a>
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 3</a>
</div>
<a href="javascript://" class="menu_main_link">ссылка 3</a>
<div class="menu_hidden">
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 4</a>
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 5</a>
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 6</a>
</div>
<a href="javascript://" class="menu_main_link">ссылка 4</a>
<div class="menu_hidden">
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 7</a>
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 8</a>
<a href="http://pastebin.ucoz.com" class="menu_sub_link">доп. ссылка 9</a>
</div>
</div>
<script type="text/javascript">menu(250);</script>
.