Problems with my toggle function.
I have a function the opens a "ul" when the user clicks on the expandSearch div. The only problem is that the "click" is being bleeding down to the "li's" as well. I only want the click function to happen when .expandSearch is clicked not it's child element. How do I stop the trickle down effect?
$('.expandSearch').click(function() {
$(this).next().toggle('slow');
return false;
});
<li id="unassigned" class="parent">Unassigned
<ul style="display: block;">
<li>child node</li>
<li>child node</li>
</ul>
</li>