클릭,마우스오버시 서브메뉴 나오는거~
본문
안녕하세요 코딩 초보입니다 ㅠㅠㅠ
여기다가 작업했는데요~!
메뉴를 누르면 그에 해당하는 서브메뉴만 나오게 하고싶은데.. 다같이 튀어나와서 고민입니다..
<!-- } 상단 끝 -->
<script>
$(".depth1").mouseover(function(){
$(".depth1 ul").show();
})
$(".depth1").mouseleave(function(){
$(".depth1 ul").hide();
});
</script>
<script>
$(".mobile-arrow").click(function(){
$(".depth1 ul").slideToggle();
});
</script>
마우스오버는 PC용 click은 모바일용입니다
테마를 이용하고있었는데.. 메뉴가 마음에안들어서 변경중인데 쉽지가않네요 ㅠ
혹시몰라서 header 부분도 코드를 남겨놓겠습니다!!
<!-- 상단 시작 { -->
<header id="header">
<div class="wrap">
<?php
if(defined('_INDEX_')) { // index에서만 실행
include G5_BBS_PATH.'/newwin.inc.php'; // 팝업레이어
}
?>
<h1 class="logo"><a href="/" title="메인으로">한국천연가스수소충전협회</a></h1>
<!-- <a href="javascript:" class="btn_user" title="회원메뉴"><i class="fa fa-user-o" aria-hidden="true"></i></a> -->
<nav class="user">
<ul>
<?php if ($is_member) { ?>
<!-- <li><a href="<?php echo G5_BBS_URL ?>/member_confirm.php?url=<?php echo G5_BBS_URL ?>/register_form.php">My page</a></li> -->
<!-- <li><a href="<?php echo G5_BBS_URL ?>/login.php"><i class="fa fa-user-o" aria-hidden="true"></i></a></li> -->
<li><a href="<?php echo G5_BBS_URL ?>/logout.php" class="logout"><i class="fa fa-user" aria-hidden="true"></i></a></li>
<?php } else { ?>
<li><a href="<?php echo G5_BBS_URL ?>/login.php"><i class="fa fa-user-o" aria-hidden="true"></i></a></li>
<!-- <li><a href="<?php echo G5_BBS_URL ?>/logout.php" class="logout"><i class="fa fa-user" aria-hidden="true"></i></a></li> -->
<!-- <li><a href="<?php echo G5_BBS_URL ?>/register.php">Sign Up</a></li> -->
<?php } ?>
<?php if ($is_admin) { ?>
<!-- <li class="admin"><a href="<?php echo correct_goto_url(G5_ADMIN_URL); ?>" target="_blank">Admin</a></li> -->
<?php } ?>
</ul>
</nav>
<!-- 검색기능 사용시 주석을해제해 주세요 -->
<!-- <a href="javascript:" class="btn_search" title="검색"><i class="fa fa-search" aria-hidden="true"></i></a> -->
<!--/검색기능 사용시 주석을해제해 주세요 -->
<a href="javascript:" class="btn_gnb mobile_only" title="모바일 메뉴 열기/닫기"><i class="fa fa-bars" aria-hidden="true"></i></a>
<nav class="gnb">
<ul>
<?php
$menu_datas = get_menu_db(0, true);
$cur_url = $_SERVER['REQUEST_URI'];
$gnb_zindex = 999; // gnb_1dli z-index 값 설정용
$i = 0;
foreach( $menu_datas as $row ){
?>
<li class="row depth1 <?php echo ($row['me_link']==$cur_url)?'on':''; ?>">
<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_al_a"><?php echo $row['me_name'] ?></a>
<i class="mobile-arrow"></i> <?php
$k = 0;
foreach( (array) $row['sub'] as $row2 ){
if($k == 0)
echo '<ul>'.PHP_EOL;
?>
<li class="depth2"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>"><?php echo $row2['me_name'] ?></a></li>
<?php
$k++;
} //end foreach $row2
if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
$i++;
} //end foreach $row
if ($i == 0) { ?>
<li class="gnb_empty">메뉴 준비 중입니다.<?php if ($is_admin) { ?> <br><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a>에서 설정하실 수 있습니다.<?php } ?></li>
<?php } ?>
</ul>
<div class="bg"></div>
</nav>
</div>
</header>
답변을 작성하시기 전에 로그인 해주세요.