JSFiddle - React, Tailwind, and code Playground

by Jonathan McGlone

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.css">
<script src="https://cdn.jsdelivr.net/jquery.slick/1.3.15/slick.min.js"></script>
<div class="maincontent">
    <div id="article">
        <div id="articlebody" name="articlebody">
            <!--false-->
            <div class="content-top">
                <div id="cover-image-wrapper">
                    <img src="/d/dculture/images/13240726.0001.001.jpg" alt="">
                </div>
                <div id="header">
                    
<h1 class="title" property="dc:title">A Heart Beating Hard</h1>

                    <div class="authors" property="dc:creator" content="Lauren Foss Goodman">Lauren Foss Goodman</div>
<a href="#end-of-header" class="hide">Skip other details (including permanent urls, DOI, citation information)</a>
                    <div id="series">Series: 21st Century Prose</div>
                    <div id="doi">
<span class="metalabel">DOI</span>: <span class="link">http://dx.doi.org/10.3998/tfcp.13240726.0001.001</span>

                    </div>
                    <div id="publisher-and-date">
<span class="metalabel">Published</span>: Ann Arbor, MI: University of Michigan Press, 2014.</div>
                    <div id="licenseinfo"><a id="licenselink"></a>
                    </div>
                    <div id="licensetext" title="Permissions">
                        <p><span id="licensetextlabel"><span class="metalabel">Permissions</span>:</span>This work is protected by copyright and may be linked to without seeking permission. Permission must be received for subsequent distribution in print or electronically. Please contact [email protected] for more information.</p>
                        <p>For more information, read Michigan Publishing's <a href="http://wiki.publishing.umich.edu/Access_and_Usage_Policy" target="_blank">access and usage policy</a>.</p>
                    </div>
                    <div class="toc"><a...

CSS

body { padding: 20px 40px; }

JavaScript

$( "#articlebody div:nth-child(3)" ).slick({
  dots: false,
  speed: 500
});