미채택 완료

모바일에서 2차카테고리까지 펼치는 방법

현재는 모바일에서 1차카테고리가 보이고요. 오른쪽 화살표를 클릭해야 2차가 보이는데요.

 

카테고리를 누르면 1차 2차 3차까지 전부 보이게 하고 싶은데요.

 

어떻게하는지 도저히 모르겠네요. 고수님들의 답변 부탁드립니다.

 

Copy
<?phpif (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가function get_mshop_category($ca_id, $len){    global $g5;    $sql = " select ca_id, ca_name from {$g5['g5_shop_category_table']}                where ca_use = '1' ";    if($ca_id)        $sql .= " and ca_id like '$ca_id%' ";    $sql .= " and length(ca_id) = '$len' order by ca_order, ca_id ";    return $sql;}?><button type="button" id="hd_ct">분류</button><div id="category">    <div class="ct_wr">        <ul class="cate_tab">            <li><a href="#" class="ct_tab_sl">CATEGORY</a></li>            <li><a href="<?php echo G5_SHOP_URL; ?>/mypage.php">MY PAGE</a></li>            <li><a href="<?php echo G5_SHOP_URL; ?>/cart.php">CART</a></li>        </ul>        <?php        $mshop_ca_href = G5_SHOP_URL.'/list.php?ca_id=';        $mshop_ca_res1 = sql_query(get_mshop_category('', 2));        for($i=0; $mshop_ca_row1=sql_fetch_array($mshop_ca_res1); $i++) {            if($i == 0)                echo '<ul class="cate">'.PHP_EOL;        ?>            <li>                <a href="<?php echo $mshop_ca_href.$mshop_ca_row1['ca_id']; ?>"><?php echo get_text($mshop_ca_row1['ca_name']); ?></a>                <?php                $mshop_ca_res2 = sql_query(get_mshop_category($mshop_ca_row1['ca_id'], 4));                if(sql_num_rows($mshop_ca_res2))                    echo '<button class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row1['ca_name']).' 하위분류 열기</button>'.PHP_EOL;                for($j=0; $mshop_ca_row2=sql_fetch_array($mshop_ca_res2); $j++) {                    if($j == 0)                        echo '<ul class="sub_cate sub_cate1">'.PHP_EOL;                ?>                    <li>                        <a href="<?php echo $mshop_ca_href.$mshop_ca_row2['ca_id']; ?>">- <?php echo get_text($mshop_ca_row2['ca_name']); ?></a>                        <?php                        $mshop_ca_res3 = sql_query(get_mshop_category($mshop_ca_row2['ca_id'], 6));                        if(sql_num_rows($mshop_ca_res3))                            echo '<button type="button" class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row2['ca_name']).' 하위분류 열기</button>'.PHP_EOL;                        for($k=0; $mshop_ca_row3=sql_fetch_array($mshop_ca_res3); $k++) {                            if($k == 0)                                echo '<ul class="sub_cate sub_cate2">'.PHP_EOL;                        ?>                            <li>                                <a href="<?php echo $mshop_ca_href.$mshop_ca_row3['ca_id']; ?>">- <?php echo get_text($mshop_ca_row3['ca_name']); ?></a>                                <?php                                $mshop_ca_res4 = sql_query(get_mshop_category($mshop_ca_row3['ca_id'], 8));                                if(sql_num_rows($mshop_ca_res4))                                    echo '<button type="button" class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row3['ca_name']).' 하위분류 열기</button>'.PHP_EOL;                                for($m=0; $mshop_ca_row4=sql_fetch_array($mshop_ca_res4); $m++) {                                    if($m == 0)                                        echo '<ul class="sub_cate sub_cate3">'.PHP_EOL;                                ?>                                    <li>                                        <a href="<?php echo $mshop_ca_href.$mshop_ca_row4['ca_id']; ?>">- <?php echo get_text($mshop_ca_row4['ca_name']); ?></a>                                        <?php                                        $mshop_ca_res5 = sql_query(get_mshop_category($mshop_ca_row4['ca_id'], 10));                                        if(sql_num_rows($mshop_ca_res5))                                            echo '<button type="button" class="sub_ct_toggle ct_op">'.get_text($mshop_ca_row4['ca_name']).' 하위분류 열기</button>'.PHP_EOL;                                        for($n=0; $mshop_ca_row5=sql_fetch_array($mshop_ca_res5); $n++) {                                            if($n == 0)                                                echo '<ul class="sub_cate sub_cate4">'.PHP_EOL;                                        ?>                                            <li>                                                <a href="<?php echo $mshop_ca_href.$mshop_ca_row5['ca_id']; ?>">- <?php echo get_text($mshop_ca_row5['ca_name']); ?></a>                                            </li>                                        <?php                                        }                                        if($n > 0)                                            echo '</ul>'.PHP_EOL;                                        ?>                                    </li>                                <?php                                }                                if($m > 0)                                    echo '</ul>'.PHP_EOL;                                ?>                            </li>                        <?php                        }                        if($k > 0)                            echo '</ul>'.PHP_EOL;                        ?>                    </li>                <?php                }                if($j > 0)                    echo '</ul>'.PHP_EOL;                ?>            </li>        <?php        }        if($i > 0)            echo '</ul>'.PHP_EOL;        else            echo '<p>등록된 분류가 없습니다.</p>'.PHP_EOL;        ?>        <button type="button" class="pop_close"><span class="sound_only">카테고리 </span>닫기</button>    </div></div><script>$(function (){    var $category = $("#category");    $("#hd_ct").on("click", function() {        $category.css("display","block");    });    $("#category .pop_close").on("click", function(){        $category.css("display","none");    });    $("button.sub_ct_toggle").on("click", function() {        var $this = $(this);        $sub_ul = $(this).closest("li").children("ul.sub_cate");        if($sub_ul.size() > 0) {            var txt = $this.text();            if($sub_ul.is(":visible")) {                txt = txt.replace(/닫기$/, "열기");                $this                    .removeClass("ct_cl")                    .text(txt);            } else {                txt = txt.replace(/열기$/, "닫기");                $this                    .addClass("ct_cl")                    .text(txt);            }            $sub_ul.toggle();        }    });});</script>

답변 1개

mobile_shop.css 에서 77줄을 #category ul.sub_cate{display:block} 변경하면.. 

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