댓글(입력창+댓글 리스트) 닫기

2019. 12. 29. 01:49

요즘 자주 못들어오다 오랜만에 들어왔더니 댓글창이 기본으로 열려있도록 수정이 된 것 같다.

근데 뭔가 지저분하고 맘에 안들고.. 닫아보자 (jQuery 사용)

먼저 내 스킨 기준으로 봤을 때 코드는

html

$('.actionTrail').on('click', 'a', function(){
	$(this).closest('.content').find('.comment').toggle();
});

css

.comment{display:none} // 기본 상태를 None 시켜줌

이렇게 하면 동작이 잘 된다.

코드를 자세히 살펴보면

먼저 눌렀을 때 댓글이 펼쳐지는 a 태그가 있는 곳을 찾는다.

<div class="actionTrail">
	<a href="#rp" onclick="">
</div>

하나의 본문 내용을 감싸는 요소를 closest 안에 넣고 (closest는 해당하는 부모를 찾아줌)

열리고 닫힐 댓글 요소를 find 해주면 된다.

지금 스킨의 경우엔 actionTrail 내에 a 태그가 하나라 위처럼 했지만, a 태그가 여러개일 경우 class를 지정해주면 될 것 같다.

티스토리 계속 업데이트 하면서 좋아져서 좋다,, ㅠㅠ 개발자분들 화이팅

Gate 33