0726 금 uiux 81일차

0726 금 uiux 81일차

아코디언2 구현, 클릭당한 녀석을 제외한 모든 녀석 선택( https://codepen.io/YoungHeom/pen/QWXKPmg ) 문제 - 아코디언 구현, 클릭당한 녀석을 제외한 모든 녀석 선택, parent, children ( https://codepen.io/YoungHeom/pen/OJeRGZX ) 문제 - 아코디언 구현, 클릭당한 녀석을 제외한 모든 녀석 선택, siblings ( https://codepen.io/YoungHeom/pen/XWLjQQo ) 문제 - 아코디언 구현, 기본 디자인 ( https://codepen.io/YoungHeom/pen/WNqGBrM ) 문제 - 아코디언 구현, 애니메이션 없는 버전 (  ) 문제 - 아코디언 구현, slideDown ( https://codepen.io/YoungHeom/pen/ExBgzbx ) 개념 - 아코디언 구현, show, hide, slideDown, slideUp, fadeIn, fadeOut 테스트 ( https://codepen.io/YoungHeom/pen/ExBNJpp )

 

 

 

아코디언2 구현, 클릭당한 녀석을 제외한 모든 녀석 선택 ( https://codepen.io/YoungHeom/pen/QWXKPmg )  $('.box-1 > *').click(function () {   let $this = $(this);   $(this).parent().find('*').addClass('active');   $(this).removeClass('active'); }); 알아낸 점!  let $this = $(this); // $this는 변수이다. 그러므로 변수 선언 후

아코디언2 구현, 클릭당한 녀석을 제외한 모든 녀석 선택, parent, children ( https://codepen.io/YoungHeom/pen/OJeRGZX )  $('.box-1 > *').click(function () {   let $this = $(this);   $this.parent().children().addClass('active');   $this.removeClass('active'); }); ※ 참고 ( https://youtu.be/8xCzAZhpuZw?si=zadUyjGximhNWn2U )

아코디언2 구현, 클릭당한 녀석을 제외한 모든 녀석 선택, siblings ( https://codepen.io/YoungHeom/pen/XWLjQQo )  $('.box-1 > *').click(function() {   let $this = $(this);   $this.removeClass('active');   $this.siblings().addClass('active'); }); ※ 참고 ( https://youtu.be/Q2kFLNHSNko?si=gPE5MDqliEwAEako )

parent, children

siblings :  형제

 

 

siblings 영상 설명 보고 영상 앞부분(50초쯤) prev, next, parent 외 여러가지 메소드들 정리해보기. inpa dev도 찾아보기

 

 

ul>li*10>div.faq-box__question>span{질문$}^div.faq-box__answer>lorem

ㄴ +가 아닌 ^

 

 

0726 _ 문제 - 아코디언 구현, 애니메이션 없는 버전 ( https://codepen.io/YoungHeom/pen/RwzGmgp )

 

 

 

mousedown, mouseup (클릭 중, 클릭 해제) ( https://codepen.io/YoungHeom/pen/vYqXqgj )

이거 만년필 페이지에 넣으면 좋을 듯?