기초공사 (html,css,javascript)
slideToggle 본문
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 |