Code:
<HTML><HEAD>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('ul', this).click(function(event) {
$(this).children("ul").toggle("quick");
event.stopPropagation();
});
});
</script>
</HEAD>
<BODY bgcolor=#ffffff link='#ff0000' vlink='#0000ff'>
<ul><a href="#">A</a>
<ul><a href="#">1</a>
<ul><a href="#">1.1</a></ul>
<ul><a href="#">1.2</a></ul>
</ul>
<ul><a href="#">2</a>
<ul><a href="#">2.1</a></ul>
<ul><a href="#">2.2</a></ul>
</ul>
</ul>
<ul><a href="#">B</a>
<ul><a href="#">3</a></ul>
<ul><a href="#">4</a></ul>
</ul>
<ul><a href="#">C</a>
<ul><a href="#">5</a></ul>
<ul><a href="#">6</a></ul>
</ul>
</ul>
</BODY>
</HTML>
Demo:
