JSFiddle - React, Tailwind, and code Playground

by IgorMinar

HTML

<script src="http://code.jquery.com/jquery-1.6.4.js"></script>
    <script>
      $(function() {
        var divA = $('<div>a</div>'),
            divB = $('<div>b</div>'),
            divs = $([divA[0], divB[0]]),
            consoleDiv = $('#console');
          
        console = consoleDiv;

        consoleDiv.log = function(line) {
          this.html(this.html() + '\n' + [].join.call(arguments, '  '));
        }

        consoleDiv.log('1:', divA.css('display'), divB.css('display'));

        divs.css('display', 'none');
        console.log('2:', divA.css('display'), divB.css('display'));

        divB.css('display', 'inline-block');
        console.log('3:', divA.css('display'), divB.css('display'));
      });
    </script>

<pre>
<b>Expected:</b>
1:    
2:  none  none
3:  none  inline-block    
</pre>
<hr>
<pre id="console"><b>Actual:</b></pre>