【jQuery】リンクで長いテキストを隠すことができるreadMore.js

readMore.jsは長いテキストを一部隠し、続きを読むリンクをクリックすると表示されるレスポンシブjQueryプラグイン。

HTML

<div class="container">
<h1>Welcome to readMore Js!</h1>
<div class="article">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ex ea facere saepe, hic quod sunt molestias, 
corrupti veritatis. Accusantium modi molestiae ab commodi error. Maiores ab quo recusandae reprehenderit 
impedit minus non, libero cumque, dignissimos officia illo neque quia! Placeat et labore quam, vero atque minus. 
Quas fuga nobis, soluta officiis temporibus similique sapiente quaerat magni repudiandae. 
</p>
<p>
Accusamus quaerat autem consectetur atque fugiat fuga quisquam, officia deserunt? Facilis et 
voluptatem numquam quia ratione, deserunt totam incidunt beatae aspernatur autem ipsum voluptatibus, 
architecto molestias nesciunt consectetur voluptates iste perspiciatis aliquam ipsam, dicta eveniet nulla quasi. 
Id, cumque. Deserunt quisquam, blanditiis at dolor, excepturi aspernatur qui praesentium. Neque asperiores magnam quod 
</p>
<h2>Heading 2</h2>
<p> 
voluptatem ab id facere vero officia, illo inventore similique. Dolorum porro impedit repellat natus distinctio optio vel, 
repudiandae nemo laborum neque cum illum explicabo saepe quis aspernatur deleniti, dolore quisquam cupiditate ad dolores!
Dolores, quidem, dolore. Nesciunt, sapiente enim quis, unde fuga voluptas reiciendis deserunt eum quisquam odit veritatis 
tenetur iste veniam alias itaque beatae. Consectetur necessitatibus cupiditate cumque, iste dolores expedita assumenda quibusdam 
harum ipsa, labore, repellendus, non veritatis ab. Commodi, illo, similique nam, enim modi aut dignissimos necessitatibus nobis 
totam et dolores tenetur nisi, culpa inventore? Fugit, quam, porro!
</p>
</div>
</div>

JS

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="readMore.js" ></script>
<script>
$(".article").readMore();
</script>
 
readMore

【jQuery】リンクで長いテキストを隠すことができるreadMore.js

  • LATEST
  • RELATED
  • POPULAR