사진과 같이 고객센터를 누르면 주황색으로 계속해서 활성화가 되어있게 하고 싶습니다.
현재는 마우스를 위에 올리면 주황색으로 변하고 클릭하고 마우스를 치우면
주황색으로 유지되는게 아니라 기존의 검은색으로 돌아가버립니다.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js">
</script>
<script type="text/javascript">
$(document).ready(function() {
$(".gnb .showmenu").click(function() {
if($(this).next("ul").is(":visible")){
$(this).next("ul").slideUp("fast");
} else {
$(".gnb .menu").slideUp("fast");
$(this).next("ul").slideToggle("fast");
}
});
});
</script>
현재 스크립트는 이상태인데
스크립트를 손봐줘야하는지 css부분을 손봐줘야하는지 궁금합니다.
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
돼지코구뇽
2016-12-09 (금) 10:38:07
Copy
<script> var href = location.href.replace(/.+\?/g, '');$('.gnb_2dul a').each( function() { if (href == $(this).prop('href').replace(/.+\?/g, '' )) { $(this).addClass('on'); return false; }});</script> <?php if(!G5_IS_MOBILE) { // PC만 출력 ?> <!-- Left Menu --> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="navbar-icon<?php echo ($is_index) ? ' active' : '';?>"> <a href="<?php echo G5_URL?>"> <i class="fa fa-home at-tip" data-original-title="<nobr class='font-normal'>메인</nobr>" data-toggle="tooltip" data-html="true"></i> </a> </li> <li class="navbar-icon"> <a data-toggle="collapse" data-target=".at-menu-all"> <i class="fa fa-bars at-tip" data-original-title="<nobr class='font-normal'>전체보기</nobr>" data-toggle="tooltip" data-html="true"></i> </a> </li> <?php $sql = " select * from {$g5['menu_table']} where me_use = '1' and length(me_code) = '2' order by me_order, me_id "; $result = sql_query($sql, false); $gnb_zindex = 999; // gnb_1dli z-index 값 설정용 for ($i=0; $row=sql_fetch_array($result); $i++) { ?> <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>"> <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a> <?php $sql2 = " select * from {$g5['menu_table']} where me_use = '1' and length(me_code) = '4' and substring(me_code, 1, 2) = '{$row['me_code']}' order by me_order, me_id "; $result2 = sql_query($sql2); for ($k=0; $row2=sql_fetch_array($result2); $k++) { if($k == 0) echo '<ul class="gnb_2dul">'.PHP_EOL; $on_css = ''; $tmp = parse_url($row2['me_link']); if (isset($tmp['query'])) parse_str($tmp['query'], $tmp2); if ($tmp2['bo_table'] != '' && $tmp2['bo_table'] == $bo_table) { if ($tmp2['sfl'] != '' && urldecode($tmp2['sfl']) == $sfl && urldecode($tmp2['stx']) == $stx) $on_css = ' on'; else if ($tmp2['sca'] != '' && $bo_table && $tmp2['sca'] == $sca) $on_css = ' on'; else if ($tmp2['sfl'] == '' && $tmp2['sca'] == '' ) $on_css = ' on'; } else if ($tmp2['ca_id'] != '' && $tmp2['ca_id'] == $ca_id) $on_css = ' on'; ?> <li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da<?php echo $on_css ?>"><?php echo $row2['me_name'] ?></a></li> <?php } if($k > 0) echo '</ul>'.PHP_EOL; ?> </li> <?php } if ($i == 0) { ?> <li class="dropdown"><a href="">메뉴가 세팅전입니다</a></li> <?php if ($is_admin) { ?><li class="dropdown"><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a></li><?php } ?> <?php } ?> </ul> </div> <?php } ?>답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.