just_do_it
10
2020-09-06 00:24:36 작성 2020-09-06 00:26:42 수정됨
0
123

jquery 아코디언메뉴 접기


hidden으로 가리고 있다가 jquery로 클릭시 active라는 class생성해서 css style적용되게 했는데

다시 클릭하면 숨길 수 있게 하고싶어서 시도 해봤는데 안되네요 ㅠ 도와주시면 감사하겠습니다.


.wrapper .navbar .menu .sub_menu {
  transition: all 0.3s ease;
  height: 0;
  overflow: hidden;
}

.wrapper .navbar .menu li.active > a { color: #1790d4; }

.wrapper .navbar .menu li.active .sub_menu { height: 125px; }

.wrapper .navbar .menu li.active a span.arrow { transform: translateY(-5%) rotate(180deg); }


 <script>
      $(document).ready(function () {
        $(".navbar ul.menu li a").click(function () {
          $(".navbar ul.menu li").removeClass("active");
          $(this).parent().addClass("active");
          // $(this).next("ul").toggleClass("sub_menu");
        });
      });
    </script>


0
  • 답변 0

  • 로그인을 하시면 답변 을 등록할 수 있습니다.