JSFiddle - React, Tailwind, and code Playground

HTML

<h3 id="conservation-header">
<i class="icon-stop" style="color:#739435;"></i> 
<i class="icon-caret-down" style="color:#fff;"></i> 
<span class="dropdown">Conservation</span> &nbsp; 
<span class="extras" style="color:#739435;">[
<a style="color:#739435;" id="conservationMoreLink" href="#">info</a>] &nbsp; [
<a style="color:#739435;" >images</a>]</span>
</h3>
  
           <div class="dropThis" style="display:none;">
           <ul>
             <li>Preservation</li>
             <li>Silviculture</li>
             <li>Limited Agriculture consistent with resource value</li>
             <li>Environmental Services</li>
             <li>Mitigation</li>
             <li>Recreation</li>
             <li>Roadway Connections</li>
             </ul>
           </div>

JavaScript

$('.dropdown').click(function() {
    $('.dropThis').toggle(300);
});