JSFiddle - React, Tailwind, and code Playground

by BigBlueHat

HTML

<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<html>
    <body>
        <article id="testme" class="hide">
            This is an article tag's contents. How is it displayed? <strong id="display">??</strong>
        </article>          
        <button id="show">Show the Article</button>
    </body>
</html>

CSS

/* state the obvious for IE */
article {display:block}

.hide {display:none}

JavaScript

jQuery(function($) {
  $('#show').on('click', function() {
    $('#display').text($('#testme').show().css('display'));
  });
});