기초공사 (html,css,javascript)

slideToggle 본문

jquery

slideToggle

에스프레소라떼 2023. 3. 21. 07:52
let asideMenu = $('.aside_menu > .category > li');
let asideToggleBtn = $('.aside_button');
let body = $('body');


asideMenu.click(function(){
 //   $('.category ul').slideUp();
 //   $(this).find('ul').slideDown();
    // $(this).find('ul').slideUp();바로 이거쓰니 와따가따한다.
    //내가 클릭한 li형제자매는 접어야한다.
$(this).find('ul').slideToggle();
$(this).siblings().find('ul').slideUp();

//모양바꾸기
$(this).toggleClass('active');
$(this).siblings().removeClass('active');
   


});

asideToggleBtn.click (function(){
    body.toggleClass('active');
});


'jquery' 카테고리의 다른 글

leftmenu_arrow  (0) 2023.03.27
onchange  (0) 2023.03.25
21_스크롤메뉴 -each / offset().top / scrollTop()  (0) 2023.02.22
tabs_jqueryui.com  (0) 2023.02.18
같은 화면 attr로 구하기 vs index로 구하기  (0) 2023.02.18