JSFiddle - React, Tailwind, and code Playground

by Amit Bhagat

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<div class="searchandfilter">
Search and Filter Content
</div>

CSS

.click-me{
  cursor:pointer;

}

JavaScript

jQuery(document).ready(function( $ ){
		var $clickMe = $('<span/>',{
    	class:'click-me',
      text:'Click Here For Filter Options'
    });
    
    $clickMe.insertBefore('.searchandfilter');

    $( ".click-me" ).click(function() {
        $( ".searchandfilter" ).toggle();
    });
    
 });