서브메뉴 활성화 질문입니다..

사진처럼 대메뉴 밑에 서브메뉴가 있습니다.

공지사항을 누르면 화면이 새로고침되면서 공지사항게시판으로 넘어가는데

넘어가면서 서브메뉴가 닫혀버립니다.

이런식으로 말이죠

<ul class="gnb"> 

<li class="gnb_li"><a class="showmenu">고객센터</a>

   <ul class="menu" style="display:none;">

   <li><a href='<?php echo G5_BBS_URL ?>/board.php?bo_table=sub05_01'>- 공지사항</a></li>

   <li><a href='<?php echo G5_BBS_URL ?>/board.php?bo_table=sub05_02'>- 갤러리</a></li>

   <li><a href='<?php echo G5_BBS_URL ?>/board.php?bo_table=sub05_03'>- 문의게시판</a></li></ul>

</li>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script type="text/javascript">

    $('a').click(function() {

        $('a').removeClass('on');

        $(this).addClass('on');

    });

    $(document).ready(function() {

        $(".gnb .showmenu").click(function() {

            if($(this).next("ul").is(":visible")){

            $(this).next("ul").slideUp("slow");

            } else {

                $(".gnb .menu").slideUp("fast");

                $(this).next("ul").slideDown("fast");

            }

        });

    });

</script>

현재 소스와 스크립트입니다.

개발자도구에서의 내용입니다.

어떻게 해야 서브메뉴가 활성화가 되는지...

클래스를 추가해줘야하는지 css를 손대줘야하는지 도움을 주시면 감사하겠습니다.