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

제이쿼리 슬라이드 토글 질문 잇습니다 채택완료

니냐노 3년 전 조회 1,774

안녕하세요 

슬라이드 토글 질문이 있어 질문게시판에 남깁니다 

</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 ">
        <div>
        <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>
        </div>
        <?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 () {
                $(this).find(".sub_list_cate2").slideToggle();
            });
        });
    });
</script></pre>

<p>

위처럼 코드 진행 햇을때 

 

노란색의 버튼을 클릭하면 잘 내려가지고 올라가지지만

빨간색 부분까지 하이퍼링크가 먹어서 클릭을 하면  찔끔 내려오다가 페이지가 이동이 됩니다 

그래서 하이퍼링크 부분을 파란색 부분 까지만 짜고 싶은데

방법이 없을까요? 

 

 

 

 

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

답변 1개

채택된 답변
+20 포인트
세크티
3년 전

a 태그에 block속성이 있는거같은데요.

style 먹여보세요. <a style="display:inline-block;width:auto"></a>

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

답변에 대한 댓글 1개

니냐노
3년 전
어후 선생님 정말 감사합니다 이제야 잘 동작하네요 ㅠㅠ

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

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

로그인