javascript - 댓글 답글 상자 표시 및 숨기기 문제

Question

최근 기사 댓글에 답변을 드리고 있는데 테이블 구조가 명확하네요. 그런데 프론트 페이지를 만들 때 템플릿을 기반으로 답글 상자가 미리 생성되는지, 아니면 사용자가 답글 버튼을 클릭하면 현재 댓글 아래에 js가 동적으로 추가되는지에 대해 생각해 보았습니다. 하는 동안. 미리 생성하는 것이 값을 얻는 데 더 편리할 것입니다. 요소 찾기, 요소 추가 등이 필요한 js의 동적 생성과 달리 어떤 솔루션이 더 나은지 잘 모르겠습니다. , 답글 클릭을 판단하는 방법은 무엇입니까? 답글 상자를 표시하고 다시 클릭하면 원래 답글 상자가 숨겨집니다. 여기의 논리는 그다지 익숙하지 않습니다. 매우 명확합니다. 전문가가 나에게 조언을 해줄 수 있기를 바랍니다. 미리 감사드립니다

Answer 1

HTML 구조가 다음과 같다고 가정해보세요

으아아아

1. 답글 콘텐츠 상자의 존재와 관련하여 개인적으로 클릭 시 DOM을 과도하게 조작하여 효율성에 영향을 미치지 않도록 먼저 렌더링해야 한다고 생각합니다. 그리고 나중에 추가되는 html 코드로 인해 js 코드가 적용되지 않을 수도 있습니다~

2. 답글 상자가 표시되면 표시 클래스가 있습니다. 표시된 답글 상자를 클릭하면 표시 클래스가 제거되어 답글 상자가 숨겨졌음을 나타내며 프로그램은 답글 상자에 . 쇼 수업.

으아아아

만족하시면 받아주세요~

Answer 2

탭 스위치를 찾아 익히는 것이 좋습니다. 원리는 비슷합니다