I have a html menu that work with jquery functions. when some one click on a parent menu item it is showing the sub item and if there is another sub items (childs) those are showing if the user click first sub item and when he move his mouse out of the parent item every sub item and child items are not displaying because of this is little bit confusing to the user I am trying to change the mouse leave event to click event.
then I'm using this jquery script to view and hide sub items and child items of the menu.
this code is working perfectly, but after first click I am using "mouseleave" event to hide sub items but what I need is to convert "mouseleave" event to second click.
can some one give me a guide to do this?