Как закрыть slideToggle по клику?

Question

[Роман]

Здравствуйте.
Есть меню в виде выпадающего слоя через slideToggle. Хочу сделать чтобы оно само закрывалось по клику на содержимом в #nav. Подскажите как это лучше сделать чтобы не переписывать весь код? Спасибо!

<script type="text/javascript">
			jQuery(document).ready(function($){
				$('#nav-wrap').prepend('<div id="menu-icon"></div>');
				$("#menu-icon").on("click", function(){
					$("#nav").slideToggle();
					$(this).toggleClass("active");
				});
			});
		</script>

<nav id="nav-wrap">
					<ul class="menu" id="nav">
						<li>
							<a href="#"">1</a>
						</li><li>
							<a href=""">2</a>
						</li>
					</ul>
				</nav>

Answer 1

[Dark Hole]

$('#nav').on('click', function() {
 $(this).slideToggle()
}

Но это бессмысленно, так как click всплывет до nav-wrap, что его закроет

Comments

[Роман]

Почему-то у меня не сработало. Так у нас изначально закрыт слой, по клику на nav-wrap он открывается, а потом по клику по содержимому внутри него должен закрыться.

[Dark Hole]

Роман: на фиддл скиньте

[Роман]

Dark Hole: https://jsfiddle.net/honpdsrp/1/

[Dark Hole]

Роман: https://jsfiddle.net/honpdsrp/2/
5 символов - и все ок

[Роман]

Dark Hole: Большое спасибо!