jQuery 슬라이드 토글 질문

jQuery 슬라이드 토글 질문

QA

jQuery 슬라이드 토글 질문

답변 2

본문



<div class="list_ct_wr">
    <!--타이틀-->
    <?php if ($bo_table) $g5['title'] = $board['bo_subject']; ?>
    <?php if (!defined('_INDEX_')) { ?>
        <div id="list_ct_title"><?php echo $g5['title'] ?></div><?php } ?>


    <?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="list_cate">' . PHP_EOL;
        ?>
        <li class="cate_li_1 ">
        <a href="<?php echo $mshop_ca_href . $mshop_ca_row1['ca_id']; ?>"
           class="cate_li_1_a"><?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));

        for ($j = 0; $mshop_ca_row2 = sql_fetch_array($mshop_ca_res2); $j++) {
            if ($j == 0)
                echo '<ul class="sub_list_cate sub_list_cate1">' . PHP_EOL;
            ?>
            <li class="cate_li_2 ">
            <h2>
               <a href="<?php echo $mshop_ca_href . $mshop_ca_row2['ca_id']; ?>" class="cate_li_2_a"><?php echo get_text($mshop_ca_row2['ca_name']); ?></a>
               <button class="cate_li_2_btn"><img src="<?php echo G5_THEME_IMG_URL; ?>/list_arrow.png"></button>
            </h2>
            <!-- 수정 중 -->
            <?php
            $mshop_ca_res3 = sql_query(get_mshop_category($mshop_ca_row2['ca_id'], 6));
            for ($k = 0; $mshop_ca_row3 = sql_fetch_array($mshop_ca_res3); $k++) {
                if ($k == 0)
                    echo '<ul class="sub_list_cate sub_list_cate2">' . PHP_EOL;
                ?>
                <li class="cate_li_3 ">
                    <a href="<?php echo $mshop_ca_href . $mshop_ca_row3['ca_id']; ?>"
                       class="cate_li_3_a"><?php echo get_text($mshop_ca_row3['ca_name']); ?></a></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 class="no-cate">등록된 분류가 없습니다.</p>' . PHP_EOL;
    ?>
</div>

<script>
    jQuery(function ($) {
        $(document).ready(function () {
            $(".cate_li_2").click(function () {
              $(".sub_list_cate2").slideToggle();
            });
        });
    });
</script>

 

각각 하나씩 클릭하면 

슬라이드 토글을 하고 싶엇는데 

그냥 전체가 다 토글이 되게 되더라구요 

어떻게해야 하나 클릭할때 토글이 되게 될까요

 

 

이 질문에 댓글 쓰기 :

답변 2


$(".cate_li_2").click(function () {
    $(this).find(".sub_list_cate2").slideToggle();
});
답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,020
© SIRSOFT
현재 페이지 제일 처음으로