html
<ul>
<li class="haveItem">1
<ul>
<li>1.1</li>
<li>1.2</li>
</ul>
</li>
<li class="haveItem">2
<ul>
<li>2.1</li>
<li>2.2</li>
</ul>
</li>
<li class="haveItem">3
<ul>
<li>3.1</li>
<li>3.2</li>
</ul>
</li>
</ul>
js
$(document).ready(function() {
$(".haveItem").children("*").hide();
$(".haveItem").click(function() {
items = $(this).children("*");
if (items.is(":hidden")) {
items.show();
} else {
items.hide();
}
});
});