2026, 새로운 도약을 시작합니다.

slideToggle 이 계속 slideDown 처럼 동작하는 건에 대하여 채택완료

2949937337_1695196240.672.png

항상 좋은 조언 주시는 모든 분들께 감사의 말씀드립니다.

현재 접었다 펼치는 메뉴를 구현하고 있습니다. slideToggle로 아래로 내려갔다가 다시 누르면 접혀 올라가는 느낌을 구현하고자했는데, slideDown을 사용한것처럼 계속 위에서 아래로 내려가는 동작밖에 하지 않습니다.

css는 너무 복잡해서 못 올리겠는데 자바스크립트/제이쿼리 선에서 해결할 수 있을까요?

Copy




    Sort

    

      

         Sort

        

      

      

        

답변 1개

채택된 답변
+20 포인트
Copy




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

    $("#sct_sort ul").slideToggle();

    $(this).toggleClass('active');

    $(".btn_sort > i").toggleClass('active');

});

$(document).mouseup(function (e){

    if ($(e.target).closest('.btn_sort').length > 0) {

        return;

    }

    var container = $("#sct_sort ul");

    if( container.has(e.target).length === 0)

    container.hide();

});



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

답변에 대한 댓글 1개

진짜진짜너무감사합니다..... 배르만님은 코딩의 천재신것같습니다..ㅠㅠ

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

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

로그인
🐛 버그신고