부트스트랩 아코디언 css 오류 질문

ryoung 1년 전 조회 1,330

현재 vue3 부트스트랩 아코디언을 작업하였고, 적용또한 잘 되어있습니다.

현재 아코디언 클릭 시 .show 가 붙으면서 아코디언 컨텐츠가 나오는 형태이고

제목의 색상이 바뀝니다. down arrow도 반대로 돌아가야하는데요.

여러개를 빠르게 클릭하거나, 다른 아코디언을 클릭시 아코디언 컨텐츠는 나오나

제목의 색상과, down arrow가 돌아가지 않습니다.

그리고 .show가 사라졌을때 제목 색상이 바뀌고, down arrow가 돌아가는...

즉 css 가 반대로 적용되는 현상이 발생하는데 이런경우 어떻게 수정하면 좋을까요?

http://sir.kr/data/editor/2405/2077716844_1716943697.3142.png" width="100%" />

#부트스트랩 #아코디언 #scss #vue3

댓글을 작성하려면 로그인이 필요합니다.

정렬:

세크티

1년 전

제목부분은 직접 스크립트 넣으신건가요?제목부분 css selector를 아래처럼 해보세요.

.title-selector:has(+ .collapse.show) {
color:red!important;
}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.