[해피CGI][cgimall] 긴 글을 더보기 링크로 줄여주는 js - Readmore.js

긴 글에 더보기 로 줄여주고, 더 보고 싶다면 해당 링크를 클릭하여

글 내용 전부를 펼쳐주고, 하단에 Close 버튼으로 다시 닫도록도 해주는 js 입니다.

Read More 와 Close 모두 변경이 가능하며
여러 옵션이 제공 됩니다.

 <script src="/node_modules/readmore-js/dist/readmore.js"></script>

위 js 를 선언해주면 이제 사용 하면 됩니다.

new Readmore('article', {
  speed: 75,
  moreLink: '<a href="#">더보기</a>',
  lessLink: '<a href="#">닫기</a>'
});

 

 

article 태그에 걸어주고 싶다면, 스피드 75 에, 하단 더보기 버튼 더보기 버튼을 눌러 모두 펼쳐지고 난 후 하단에 닫기 버튼
이렇게 추가할 수 있습니다.

여러 옵션이 있으니 참고 하시면 되겠습니다.