세로 네비게이션 메뉴 펼쳐지는 방식 변경 채택완료
vimo
6년 전
조회 5,237

현재는 우측에 화살표를 눌었을때만 하위메뉴 펼쳐지는데요
저걸 대메뉴 또는 메뉴 라인을 눌렀을때도 하위메뉴가 펼쳐지도록 하고 싶습니다.
아래는 현재 소스입니다
</p>
<p><ul class="gnb_1dul">
<?php
$sql = " select *
from {$g5['menu_table']}
where me_mobile_use = '1'
and length(me_code) = '2'
order by me_order, me_id ";
$result = sql_query($sql, false);</p>
<p> for($i=0; $row=sql_fetch_array($result); $i++) {
?>
<li class="gnb_1dli">
<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_mobile_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);</p>
<p> for ($k=0; $row2=sql_fetch_array($result2); $k++) {
if($k == 0)
echo '<button class="btn_gnb_op">하위분류</button><ul class="gnb_2dul">'.PHP_EOL;
?>
<li class="gnb_2dli"><a href="<?php echo $row2['me_link']; ?>" target="_<?php echo $row2['me_target']; ?>" class="gnb_2da"><?php echo $row2['me_name'] ?></a></li>
<?php
}</p>
<p> if($k > 0)
echo '</ul>'.PHP_EOL;
?>
</li>
<?php
}</p>
<p> if ($i == 0) { ?>
<li id="gnb_empty">메뉴준비중</li>
<?php } ?>
</ul></p>
<p> </p>
<p><script>
$(function () {
//폰트 크기 조정 위치 지정
var font_resize_class = get_cookie("ck_font_resize_add_class");
if( font_resize_class == 'ts_up' ){
$("#text_size button").removeClass("select");
$("#size_def").addClass("select");
} else if (font_resize_class == 'ts_up2') {
$("#text_size button").removeClass("select");
$("#size_up").addClass("select");
}</p>
<p> $(".hd_opener").on("click", function() {
var $this = $(this);
var $hd_layer = $this.next(".hd_div");</p>
<p> if($hd_layer.is(":visible")) {
$hd_layer.hide();
$this.find("span").text("열기");
} else {
var $hd_layer2 = $(".hd_div:visible");
$hd_layer2.prev(".hd_opener").find("span").text("열기");
$hd_layer2.hide();</p>
<p> $hd_layer.show();
$this.find("span").text("닫기");
}
});</p>
<p> $("#container").on("click", function() {
$(".hd_div").hide();</p>
<p> });</p>
<p> $(".btn_gnb_op").click(function(){
$(this).toggleClass("btn_gnb_cl").next(".gnb_2dul").slideToggle(300);
});
$(".btn_gnb_op").click(function(){
$(this).parent().toggleClass("gnb_1da_on")
});</p>
<p> $(".hd_closer").on("click", function() {
var idx = $(".hd_closer").index($(this));
$(".hd_div:visible").hide();
$(".hd_opener:eq("+idx+")").find("span").text("열기");
});
});
</script>
</p>
<p> </p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인