vetrox,
на форуме 100500 таких примеров и забудьте о toggle не читайте старых док
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<style>
#spisok, #spisok ul
{
list-style-type: none;
margin: 0;
padding: 5px 0;
}
#spisok ul{
display: none;
}
#spisok li
{
padding: 5px 0;
}
#spisok li li
{
padding: 5px 0 5px 14px;
}
#spisok li li:before
{
content: '- ';
}
</style>
<script>
$(function(){
$('#spisok a')
.click(function(e){
e.stopPropagation();
$('#spisok a').not(this).next('ul').slideUp();
$(this).next('ul').slideToggle()
});
});
</script>
</head>
<body>
<ul id="spisok">
<li><a href="#">1 spisok</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
</ul>
</li>
<li><a href="#">2 spisok</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
</ul>
</li>
<li><a href="#">3 spisok</a>
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</li>
</ul>
</body>
</html>