j-Query event mouse: click(), mouseover(), mouseleave()

click

$('.click-navi > span').on('click', onNaviClick);

function onNaviClick() {
	$(this).parent().find('.sub-wrap').stop().slideToggle(300)
}

mouseover, mouseleave

$('.hover-navi').on('mouseover', onNaviHover);
$('.hover-navi').on('mouseleave', onNaviLeave);

function onNaviHover() {
	$(this).find('.sub-wrap').stop().slideDown(300)
}

function onNaviLeave() {
	$(this).find('.sub-wrap').stop().slideUp(300)
}