[jQuery] read more / 더보기 / 계속읽기

1. readmore.min.js (4KB)

- height 제어

- toggle 형식으로 열리고 닫힘 (정확히 'Read More'/'Close'를 눌러야 함)

- http://jedfoster.com/Readmore.js/

    speed: 100 in milliseconds
    collapsedHeight: 200 in pixels
    heightMargin: 16 in pixels, avoids collapsing blocks that are only slightly larger than collapsedHeight
    moreLink: '<a href="#">Read more</a>'
    lessLink: '<a href="#">Close</a>'
    embedCSS: true insert required CSS dynamically, set this to false if you include the necessary CSS in a stylesheet
    blockCSS: 'display: block; width: 100%;' sets the styling of the blocks, ignored if embedCSS is false
    startOpen: false do not immediately truncate, start in the fully opened position
    beforeToggle: function() {} called after a more or less link is clicked, but before the block is collapsed or expanded
    afterToggle: function() {} called after the block is collapsed or expanded

2. dotdotdot.min.js (7KB)

- height 제어, 유동적 height 적용

- [...]을 붙이는 것이 주기능, [read more] 텍스트를 붙일 수 있으나 새 페이지로 연결되는 링크가 필요

- http://dotdotdot.frebsite.nl/#.T2GwjcK16KI.reddit

3. Quick and Easy jQuery Read More Script Tutorial

- word 수 제어, 간략한 스크립트

- toggle 형식으로 열리고 닫힘 (본문 영역 아무곳이나 터치해도 동작)

- http://www.queness.com/post/5368/quick-and-easy-jquery-read-more-script-tutorial