서브메뉴 활성화 질문입니다..
본문
사진처럼 대메뉴 밑에 서브메뉴가 있습니다.
공지사항을 누르면 화면이 새로고침되면서 공지사항게시판으로 넘어가는데
넘어가면서 서브메뉴가 닫혀버립니다.
이런식으로 말이죠
<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를 손대줘야하는지 도움을 주시면 감사하겠습니다.
답변 1
<ul class="menu" style="display:none;">에서
style="display:block;"로 변경해보세요
답변감사합니다!!
말씀해주신대로 했더니 서브메뉴가 계속해서 열려있네요,
질문하면서 조금 빠트린부분이 있는데 ㅠ
대메뉴가 한 개가 아니고 네 개가 있구요
처음 홈페이지에 들어왔을때는 서브메뉴가 다 닫혀 있는상황에서
대메뉴를 눌렀을때만 해당 서브메뉴가 나오는 상황입니다..
