JSFiddle - React, Tailwind, and code Playground

by sp182

HTML

<h2 id="ticketSearchTitle" >SEARCH</h2>
  <div id="ticketSearch">kk<div>

JavaScript

$("h2#ticketSearchTitle").css({'cursor':'pointer', 'display':'inline'});

  $("h2#ticketSearchTitle").click(function(){
      $('#ticketSearch').toggle('slow', function() {
    if ($("div#ticketSearch").is(':hidden')){
          $("#ticketSearchTitle").css('color','#D3D3D3')
    }else{
        
        $("#ticketSearchTitle").css('color','red')
    }

  });
             
  });