JSFiddle - React, Tailwind, and code Playground

by 1eddy87

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<!--
<div>
  <span class="output">boo</span>
</div>
<br>
-->
<div class="btn">btn

  <div class="test">
    test
  </div>

</div>

JavaScript

$('.btn').click(function() {

  var test = $(this).find('.test').css('display') == 'none';

  //$('.output').text(test);

  if ($('.test').css('display') == 'none') {
    $('.test').css('display', 'block');
    console.log('true');
  } else {
    $('.test').css('display', 'none');
    console.log('false');
  }


});