이전 질문에서 코드를 수정해서 적절한 답변을 얻을 수 있었습니다.
이전 질문 링크: 여러 요소에 대한 클래스 추가 및 제거
이제 이전 코드를 개발하고 콘텐츠를 추가했으므로 아이콘을 클릭하면 해당 콘텐츠가 표시되거나 숨겨집니다.
이 코드의 문제점은 사용 가능한 아이콘을 클릭하면 모든 아이콘의 내용이 표시되거나 숨겨진다는 것입니다.
하지만 내가 원하는 건 이게 아니다. 각 아이콘을 클릭하면 해당 내용을 표시하고, 다른 아이콘을 클릭하면 모든 내용이 숨겨지고 클릭한 아이콘과 관련된 내용만 표시되도록 하고 싶습니다.
으아아아 으아아아 으아아아
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
다른 콘텐츠도 제거하려면 다른 콘텐츠가 열려 있으면 코드 한 줄만 추가하면 됩니다.
으아악다른 행이 열리면 위의 행은 다른 콘텐츠를 제거하거나 숨깁니다.
데모는 다음과 같습니다.