display는 transition이 안먹힌다.

accordion할때 버튼 누를때, 드롭다운영역에 transition이 자꾸 안먹히길래 왜이러나 했더니 color나 transform 같은경우는 먹히지만, display는 안먹힌다고 한다.. 계속 찾았던건데 이제야 강의보고 알았네,,,.. 이제라도 알아서다행.ㅎ

display transition을 주고싶을땐,

accordion 버튼부분이있을때, 드롭다운영역을 display:none/ block 해주는게 아니고 버튼을 누르기 전엔, 드롭다운부분을 max-height를 0값을 주고 버튼을 클릭 했을때 max-height를 드롭다운부분의 높이값을 맞춰서 주면 간편하게 transition을 줄수있다.

버튼을 클릭 전 : 드롭다운부분을 max-height를 0값을 준다.
버튼을 클릭 후 : max-height를 드롭다운부분의 높이값을 맞춰서 준다.
드롭다운 부분에 예를들어, transition: max-height 200ms ease in out 주면 끝 그러면 스르륵스르륵 나옴~