초보자 제이쿼리 질문이요 채택완료

제가 만들고자 하는것이 위에 사진처럼 하는건데 도통 잘 모르겠네요 

스타일시트로는 대충 짰는데 제이쿼리 부분에서는 모르는 부분도 많고 해서 어떻게 해야하나요..

$(document).ready(function() {
    $("ul.menubar > li").click(function(){
        if ( $("li.launcher").hasClass("active") ) {
            $("li.launcher").removeClass("active");
        }
        $(this).addClass('active');
    });
});

    

        

            
            메뉴
            

                

                     전체메뉴보기
                

                
 정보관리 

                
 메뉴관리

                
 회원관리

                
 보고서/통계

                
 커뮤니티

                
 환경설정

            

        

        
gnb">
            
            메뉴얼
        

    

이렇게 했는데 액티브하면 다 각자 따로 메뉴내용물이 나와야하는데 겹쳐서 나오더라구요..

그러니깐 하나 클릭하면 화살표시 나오고 그옆에 메뉴가 나오는데 다른쪽 건들면 같이 겹쳐서 나와서 어떻게 해야될지 감이 안잡혀요. 

좀 도와주시면 감사하겠습니다.