영카트5 제이쿼리 질문 입니다.

영카트5 제이쿼리 질문 입니다.

QA

영카트5 제이쿼리 질문 입니다.

본문


<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>​
 

현재 영카트5에서 사용되고 있는 카테고리 부분 입니다.

여기에서 토글이 열리고 닫힐때 좌측에서 슬라이드 형태로...

나타나게 해보고 싶은데...

 

$(this).next().slideDown("fast");

이런 식으로 사용하고 싶은데...

생각처럼 되지가 않네요 ㅠ

 

조언 부탁 드립니다.

 

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 5
QA 내용 검색
  • 개별 목록 구성 제목 답변작성자조회작성일
  • 질문이 없습니다.

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT