테스트 사이트 - 개발 중인 베타 버전입니다

세로 네비게이션 메뉴 펼쳐지는 방식 변경 채택완료

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개

<a href="<?php echo $row['me_link']; ?>" target="_<?php echo $row['me_target']; ?>" class="gnb_1da"> 이부분을

 

<li>태그 위로 덮어주고 css가 흐트러지면 잡으시면될듯하네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인