미채택 완료

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

2016-04-14 (목) 18:14:55 6,832

현재는 모바일에서 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} 변경하면.. 

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