Bootstrap dom element 에 collapse 적용하기

element 를 펼치거나 닫는 동작이 필요해서 bard 에게 물어보니 collapse 를 사용하라고 한다.

코드를 적용해보니 collapsed() 함수를 지원하지 않는다는 오류가 나온다.

그래서 bootstrap 공식 사이트에 가서 collapse 에 대해 살펴보니 스펙이 다르다. (함수의 목록이 다름, v5.2 #methods)

예상엔 bard 가 알려준 방식은 version 4 를 기준으로 한 듯하다. (v4.6 #methods)

다시 공식문서에서 collapse 의 사용법을 익혀 적용해보니 한번에 성공했다. (#multiple-toggles-and-targets)

조금 삽질은 했지만 비교적 빠르게 해답을 찾아서 지금은 기분좋게 collapse 동작이 되고 있다.

참고로 초기 화면을 펼친 상태로 출력하고 싶다면 content element 의 class를 'collapse show' 로 설정하면 된다. -> bootstrap 5.3 reference - Collapse