SO Help: fadeIn working on hover but not onClick/click

http://stackoverflow.com/questions/20335942/fadein-working-on-hover-but-not-onclick-click/20336016#20336016

by SpYk3

HTML

<nav>
    <ul>
        <li class="itm">A
            <ul>
                <li>One</li>
                <li>Two
                    <ul>
                        <li>Menu Item</li>
                        <li>Menu Item</li>
                        <li>Menu Item</li>
                    </ul>
                </li>
                <li>Three</li>
                <li>Four</li>
            </ul>
        </li>
    </ul>
</nav>

CSS

ul ul {
    display:none;
}

nav {
    cursor: pointer;
}

JavaScript

$('ul li').click(function (e) {
	e.stopPropagation();
	var ul = $(this).children('ul');
	if (ul.length) {
		if (ul.is(':visible')) ul.fadeOut('fast');
		else ul.fadeIn('fast');
	}
});