drop down menu jquery(jquery드롭다운메뉴)

<script>
$(document).ready(function(){
    $(".cmenu>span>a").click(function(){
        var submenu = $(this).parent().next("ul");
        if( submenu.is(":visible") ){
        $(this).parent().parent("li").removeClass('cmenu on').addClass('cmenu');
            submenu.slideUp();
        }else{
        $(".cmenu .hide").slideUp();
        $(".cmenu .hide").parent("li").removeClass('cmenu on').addClass('cmenu');
        $(this).parent().parent("li").removeClass('cmenu').addClass('cmenu on');
        submenu.slideDown();
        }
    });
    $(".cmenu:eq(0)>span>a").click();
});
</script>
<style>
    .cmenu a{cursor:pointer;}
    .cmenu .hide{display:none;height: 280px; overflow: auto;}
    
</style>




<div id="archive-lnb">
<h4 class="stit">Title</h4>
<ul class="bg">
<li class="cmenu on">
<span ><a href="javascript:void(0);">sub1</a></span>
<ul class="hide">
<li class="first">
<strong><a href="javascript:void(0);">sub2</a></strong>
<ul>
<li class="on"><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
</ul>
</li>
<li>
<strong><a href="javascript:void(0);">sub2</a></strong>
<ul>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
</ul>
</li>
</ul>
</li>
<li class="cmenu">
<span ><a href="javascript:void(0);">sub1</a></span>
<ul class="hide">
<li class="first">
<strong><a href="javascript:void(0);">sub2</a></strong>
<ul>
<li class="on"><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
</ul>
</li>
<li>
<strong><a href="javascript:void(0);">sub2</a></strong>
<ul>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
<li><a href="javascript:void(0);">sub3</a></li>
</ul>
</li>
</ul>
</li>

</ul>
</div>