목록으로

제이쿼리 클릭했을때 슬라이드 이벤트 질문이용! 채택완료

이한나

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전 조회 1,863

답변 2

안녕하세요! 초보 퍼블리셔입니다!

화살표 누르면 아래 내용이 스르륵 펼쳐지는 카드형태인데

하나를 누르면 나머지 카드의 내용들도 다 펼쳐져버립니다 .ㅠㅠ

하나당 해당 내용이 펼쳐지게 바꾸고싶은데 도움좀 부탁드리겠습니다 ..!

Copy



$(document).ready(function(){

        $(".card_detal__btn").click(function(){

          event.stopPropagation();

            var submenu = $(".media-content__detail");

            if( submenu.is(":visible") ){

              $(".card_detal__btn").css("transform","rotate(0deg)");

                submenu.slideUp();

            }else{

              $(".card_detal__btn").css("transform","rotate(180deg)");

                submenu.slideDown();

            }

        });

       

    });

Copy

#제이쿼리

답변 2개

정렬:

채택된 답변

+20 포인트

레전드플랫폼

프로필 보기 이 회원 글보기 이 회원의 댓글보기

4년 전

Copy



$(document).ready(function(){

        $(".card_detal__btn").click(function(){

          event.stopPropagation();

            var submenu = $(this).parent().parent().parent().parent().parent().find(".media-content__detail");

            if( submenu.is(":visible") ){

              $(this).css("transform","rotate(0deg)");

                submenu.slideUp();

            }else{

              $(this).css("transform","rotate(180deg)");

                submenu.slideDown();

            }

        });

       

    });

이렇게 해보세요.

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