Jquery menu dropdown ต้องการทําให้เมนูที่เปิดค้างมันค้างตลอดครับ แม้จะปิดเบราวเซอร์แล้วเปิดใหม่ก็ต้องค้างอยู่ครับ

$(document).ready(function () {

  initMenu();

  function initMenu() {
    $(".sub-menu").hide();
    //$(".current_page_item .sub-menu").show();
    $('#menu li a').click(function() {

        var checkElement = $(this).next();

        console.log(checkElement);

        if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            checkElement.slideUp('fast');
            return false;
        }
        if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#menu ul:visible').not(checkElement.parentsUntil('#menu')).slideUp('fast');
            checkElement.slideDown('fast');
            return false;
        }
    });
    
    //$('.current-menu-item').parentsUntil('#menu').slideDown('fast');
  }
});

<div class="nav">
			<ul id="menu" class="menu">
				<li><a href="#">Sub item A</a>
				    <ul class="sub-menu">
				    	<li>Sub Sub item A<li>
				        <li><a href="#">Sub Sub item A</a>
				            <ul class="sub-menu">
				            	<li>Sub Sub item A<li>
				                <li><a href="#">sub sub sub item a</a>
				                	<ul class="sub-menu">
				                		<li>Sub Sub item A<li>
				            			<li><a href="#">sub sub sub sub item a</a>
					            			<ul class="sub-menu">
					            				<li><a href="#">sub sub sub sub item a</a>
					            					<ul class="sub-menu">
						            					<li>sub sub sub sub item b</li>
							            				<li>sub sub sub sub item b</li>
							            				<li>sub sub sub sub item b</li>
							            				<li>sub sub sub sub item b</li>
					            					</ul>
					            				<li>sub sub sub sub item b</li>
					            				<li>sub sub sub sub item b</li>
					            				<li>sub sub sub sub item b</li>
					            				<li>sub sub sub sub item b</li>
					            			</ul>
				            			</li>
				            			<li>sub sub sub sub item b</li>
				                    </ul>
				                </li>
				            	<li>sub sub sub item b</li>
				                <li><a href="#" class="current-menu-item">sub sub sub item c</a></li>
				            </ul>
				        </li>	            
				        <li>sub sub item b</li>
				        <li>sub sub item c</li>
				    </ul>
				</li>
				<li>Sub Sub item A<li>
				<li>Sub Sub item A<li>
				<li><a href="#">Sub item b</a>
				    <ul class="sub-menu">
				    	<li>sub sub item e</li>
				        <li>sub sub item f</li>
				        <li>sub sub item g</li>
					</ul>
				</li>
			</ul>
		</div>