[Tistory] 접은글 테스트

참고자료

blog.siyeol.com/50

[기능] 티스토리 접은 글 텍스트 변경하기

접은글1

111111111111111

11111111111111

11111111111111

접은글2

2222222222222

22222222222222

22222222222222

 

HTML 수정 ver

접은글1-수정

1111111111

111111111

11111111111

접은글2-수정

2222222222222

2222222222222

2222222222222

 

 

이상하게 내가 누르기 전까진 설정한 문구가 뜨질 않는다

 

02/07 수정

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
	// 접은글 텍스트 변경 스크립트
	$(document).ready(function(){
		$(".btn-toggle-moreless").each(function(){
			var text_more = $(this).parent().first().data("text-more");
			var text_less = $(this).parent().first().data("text-less");
		
			$(this).text(text_more);
	
			$(this).on("click", function(){
				if ($(this).text() == text_less) {
				$(this).text(text_less);
			} else {
				$(this).text(text_more);
			}
		});
	});
});
</script>

위에 스크립트 부분을 추가해주니 잘 된다