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

jQuery 슬라이드 토글 질문 채택완료

니냐노 3년 전 조회 2,389

</p>

<pre>
<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></pre>

<p>

 

각각 하나씩 클릭하면 

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

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

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

 

 

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

답변 2개

채택된 답변
+20 포인트

</p>

<p>$(".cate_li_2").click(function () {

    $(this).find(".sub_list_cate2").slideToggle();

});</p>

<p>

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

답변에 대한 댓글 1개

니냐노
3년 전
감사합니다 죄송하지만 추가 질문잇는데 괜찮으실까요?

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

니냐노
3년 전

버튼을 누르면 잘나오는데 li태그안에 하이퍼링크가 껴잇어서

클릭하는사이에만 a태그를 예외처리하고 다시 하이퍼링크 되게 하게 하고싶은데 어떻게하면될까요 

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

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

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

로그인