부트스트랩 아코디언 css 오류 질문
본문
현재 vue3 부트스트랩 아코디언을 작업하였고, 적용또한 잘 되어있습니다.
현재 아코디언 클릭 시 .show 가 붙으면서 아코디언 컨텐츠가 나오는 형태이고
제목의 색상이 바뀝니다. down arrow도 반대로 돌아가야하는데요.
여러개를 빠르게 클릭하거나, 다른 아코디언을 클릭시 아코디언 컨텐츠는 나오나
제목의 색상과, down arrow가 돌아가지 않습니다.
그리고 .show가 사라졌을때 제목 색상이 바뀌고, down arrow가 돌아가는...
즉 css 가 반대로 적용되는 현상이 발생하는데 이런경우 어떻게 수정하면 좋을까요?
답변 1
제목부분은 직접 스크립트 넣으신건가요?제목부분 css selector를 아래처럼 해보세요.
.title-selector:has(+ .collapse.show) {
color:red!important;
}
답변을 작성하시기 전에 로그인 해주세요.