Jquery: наложение события на верхние элементы

<script>
$(document).ready(function() {
$("li").click(function() {
if (!$(this).find('ul').first().is(":visible")) $(this).find('ul').first().slideDown(1000);
else $(this).find('ul').first().slideUp(1000);
});

$(".mdroplist").find("ul").css("display", "none");
});
</script>

<ul class='mdroplist'>
<li>Ли 1
<ul>
<li>Ли 2
<ul>
<li>Ли 3</li>
</ul>
</li>
</ul>
</li>
</ul> <!-- end mdroplist -->