Skip to content

Instantly share code, notes, and snippets.

@schickm
Created April 30, 2014 22:51
Show Gist options
  • Save schickm/a51a0cc7075624ff4638 to your computer and use it in GitHub Desktop.
Save schickm/a51a0cc7075624ff4638 to your computer and use it in GitHub Desktop.
jQuery: show content on multiples
<h2>A really intriguing headline!</h2>
<a class="read-more" href="#">read more...</a>
<div class="more">
intrigue:
<ol>
<li>To effect by secret scheming or plotting.</li>
<li>To arouse the interest or curiosity of: Hibernation has long intrigued biologists.
[From French intriguer, to plot, from Italian intrigare, to plot, from Latin intrīcāre, to entangle; see intricate.]</li>
</ol>
Usage Note: The introduction of the verb intrigue to mean "to arouse the interest or curiosity of" was initially resisted by writers on usage as an unneeded French substitute for available English words such as interest, fascinate, or puzzle, but it now appears to be well established. Seventy-eight percent of the Usage Panel accepts it in the sentence The special-quota idea intrigues some legislators, who have asked a Washington think tank to evaluate it, whereas only 52 percent accepted it in a 1968 survey.
</div>
<h2>Yet another headline</h2>
<a class="read-more" href="#">read more...</a>
<div class="more">
<p>Another tasty story...</p>
</div>
<h2>Even another headline!!!!</h2>
<a class="read-more" href="#">read more...</a>
<div class="more">
<p>This story is flippin amazin.</p>
</div>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$('.read-more').on('click', function() {
$(this).next().slideDown();
return false;
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment