여러 요소를 추가하고 제거하기 위한 클래스(JQuery 및 JavaScript)

Question

이전 질문에서 코드를 수정해서 적절한 답변을 얻을 수 있었습니다.

이전 질문 링크: 여러 요소에 대한 클래스 추가 및 제거

이제 이전 코드를 개발하고 콘텐츠를 추가했으므로 아이콘을 클릭하면 해당 콘텐츠가 표시되거나 숨겨집니다.

이 코드의 문제점은 사용 가능한 아이콘을 클릭하면 모든 아이콘의 내용이 표시되거나 숨겨진다는 것입니다.

하지만 내가 원하는 건 이게 아니다. 각 아이콘을 클릭하면 해당 내용을 표시하고, 다른 아이콘을 클릭하면 모든 내용이 숨겨지고 클릭한 아이콘과 관련된 내용만 표시되도록 하고 싶습니다.

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

Answer 1

다른 콘텐츠도 제거하려면 다른 콘텐츠가 열려 있으면 코드 한 줄만 추가하면 됩니다.

으아악

다른 행이 열리면 위의 행은 다른 콘텐츠를 제거하거나 숨깁니다.

데모는 다음과 같습니다.

으아악 으아악 으아악