메뉴 활성화에 관련해 궁금하여 질문올립니다. 채택완료

사진과 같이 고객센터를 누르면 주황색으로 계속해서 활성화가 되어있게 하고 싶습니다.
현재는 마우스를 위에 올리면 주황색으로 변하고 클릭하고 마우스를 치우면
주황색으로 유지되는게 아니라 기존의 검은색으로 돌아가버립니다.
$(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");
}
});
});
현재 스크립트는 이상태인데
스크립트를 손봐줘야하는지 css부분을 손봐줘야하는지 궁금합니다.
답변 1개
</strong><span style="background-color: rgb(255, 255, 255); color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px;"><script> </span></p><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);">var href = location.href.replace(/.+\?/g, '');</div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);">$('.gnb_2dul a').each( function() {</div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (href == $(this).prop('href').replace(/.+\?/g, '' )) {</div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);"><span class="Apple-tab-span" style="white-space: pre;"> </span>$(this).addClass('on');<span class="Apple-tab-span" style="white-space: pre;"> </span>return false;</div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);">});</div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);"></script></div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);">
</div><div style="margin: 0px; padding: 0px; text-size-adjust: none; color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; background-color: rgb(255, 255, 255);"><div style="margin: 0px; padding: 0px; text-size-adjust: none;">
</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><?php if(!G5_IS_MOBILE) { // PC만 출력 ?></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><!-- Left Menu --></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><div class="navbar-collapse collapse"></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><ul class="nav navbar-nav"></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><li class="navbar-icon<?php echo ($is_index) ? ' active' : '';?>"></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><a href="<?php echo G5_URL?>"></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><i class="fa fa-home at-tip" data-original-title="<nobr class='font-normal'>메인</nobr>" data-toggle="tooltip" data-html="true"></i></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span></a></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span></li></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><li class="navbar-icon"></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><a data-toggle="collapse" data-target=".at-menu-all"></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><i class="fa fa-bars at-tip" data-original-title="<nobr class='font-normal'>전체보기</nobr>" data-toggle="tooltip" data-html="true"></i></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span></a></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span></li></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span><?php</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> $sql = " select *</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> from {$g5['menu_table']}</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> where me_use = '1'</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> and length(me_code) = '2'</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> order by me_order, me_id ";</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> $result = sql_query($sql, false);</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> $gnb_zindex = 999; // gnb_1dli z-index 값 설정용</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;">
</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> for ($i=0; $row=sql_fetch_array($result); $i++) {</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> ?></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex--; ?>"></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"><?php echo $row['me_name'] ?></a></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <?php</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> $sql2 = " select *</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> from {$g5['menu_table']}</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> where me_use = '1'</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> and length(me_code) = '4'</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> and substring(me_code, 1, 2) = '{$row['me_code']}'</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> order by me_order, me_id ";</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> $result2 = sql_query($sql2);</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;">
</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> for ($k=0; $row2=sql_fetch_array($result2); $k++) {</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> if($k == 0)</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> echo '<ul class="gnb_2dul">'.PHP_EOL;</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$on_css = '';</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>$tmp = parse_url($row2['me_link']);</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if (isset($tmp['query'])) </div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>parse_str($tmp['query'], $tmp2);</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if ($tmp2['bo_table'] != '' && $tmp2['bo_table'] == $bo_table) {</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>if ($tmp2['sfl'] != '' && urldecode($tmp2['sfl']) == $sfl && urldecode($tmp2['stx']) == $stx) $on_css = ' on';</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>else if ($tmp2['sca'] != '' && $bo_table && $tmp2['sca'] == $sca) $on_css = ' on';</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>else if ($tmp2['sfl'] == '' && $tmp2['sca'] == '' ) $on_css = ' on';</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>}</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span>else if ($tmp2['ca_id'] != '' && $tmp2['ca_id'] == $ca_id) $on_css = ' on';</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> ?></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <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></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <?php</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> }</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;">
</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> if($k > 0)</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> echo '</ul>'.PHP_EOL;</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> ?></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> </li></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <?php</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> }</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;">
</div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> if ($i == 0) { ?></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <li class="dropdown"><a href="">메뉴가 세팅전입니다</a></li></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <?php if ($is_admin) { ?><li class="dropdown"><a href="<?php echo G5_ADMIN_URL; ?>/menu_list.php">관리자모드 > 환경설정 > 메뉴설정</a></li><?php } ?></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"> <?php } ?></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span></ul></div><div style="margin: 0px; padding: 0px; text-size-adjust: none;"><span class="Apple-tab-span" style="white-space: pre;"> </span></div></div></div><p><span class="Apple-tab-span" style="background-color: rgb(255, 255, 255); color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px; white-space: pre;"> </span><span style="background-color: rgb(255, 255, 255); color: rgb(136, 136, 136); font-family: dotum, 돋움, AppleGothic, sans-serif; font-size: 12px;"><?php } ?></span><strong style="color: rgb(127, 127, 127); font-family: 돋움, Dotum, sans-serif; font-size: 12px;">
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인