jQuery: show content on click

gistfile1.html

<h2>A really intriguing headline!</h2>
<a class="read-more">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>
    
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
    $('.read-more').on('click', function() {
        $('.more').slideDown();
    });
</script>