show and hide menu with custom scrollbar
<p>i need your help in achieving a click functionality.</p>

<p>In the top we have a menu, by default only 1st level menu appears, if you click on any element it goes to a page and if there is a sub menu (ul li ul) and when you click on element 2nd level menu item appears.  For all 2nd level menus we have 3rd level menu's, this 3rd level menu appears when you click on any second level element.</p>

<p>I have achieved to this stage. The issue is that when 2nd &amp; 3rd level menu items opened using jquery they should also hide if users click outside of the div. And custom scrollbar is not applying for 3rd level menu item.</p>

<p>Reference link: <a href="http://bit.ly/MpEejX" rel="nofollow">http://bit.ly/MpEejX</a></p>

<p>You can see the scrollbar here: <a href="http://bit.ly/JWs4NG" rel="nofollow">http://bit.ly/JWs4NG</a></p>
