JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<div>
<p><a class="question" href="#">Question</a></p>
<p class="answer">Answer</p>
</div>

CSS

.answer {
  display:none;
}

JavaScript

$('.question').click(function() {
    //e.preventDefault();
	  var display = $('.answer').css('display');
    if (display === 'block') {
    	$('.answer').css('display','none');
      //alert('I am display block');
    }
    else if (display === 'none')  {
    $('.answer').css('display','block');
    //	alert('I am display none');
    }
    //$('.answer').css('display','block');
 // $('.answer').css("display","none" );
    
    
	});