본문 바로가기
기타/Tistory

[Tistory] 접은글 테스트

by haejang 2021. 1. 27.
728x90
728x90

참고자료

blog.siyeol.com/50

 

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

접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를

blog.siyeol.com

접은글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>

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

728x90
728x90

댓글