Select 메서드를 사용하지 않고 마우스 클릭만으로 div의 다른 콘텐츠를 표시하거나 숨길 수 있습니까?

Question

Select 메서드를 사용하지 않고 div를 마우스로 클릭하는 것만으로 div의 다른 콘텐츠를 표시하거나 숨길 수 있나요?

예:

으아아아 으아아아

"옵션 1" div를 클릭하면 "콘텐츠 1"의 모든 내용이 표시됩니다

옵션 1 -> 내용 1

가능한가요?

Answer 1

JavaScript를 사용하지 않고 이 작업을 엄격하게 수행하려면 라벨이 있는 체크박스를 사용할 수 있지만 라벨을 수정해야 합니다.

으아아아 으아아아

현재 마크업을 너무 많이 변경하고 싶지 않다면 JS를 사용해야 합니다. 다음 예에서는 data 속성을 사용하여 요소 스위치를 식별합니다.

으아아아 으아아아 으아아아