JSFiddle - React, Tailwind, and code Playground

HTML

<span id="slick-show">
     <div id="userSetupP">User Custom Panel (click to open)</div> 
     testing <br />
     this out <br />
 </span>

 <div id="slickbox" style="display: block;">
   blah blah blah
 </div>

JavaScript

$('#slickbox').hide();
    $('#slick-show').click(function () {
        var flag = $('#slickbox').is(':visible');
        $('#slickbox').toggle(flag?'fast':'slow');
        $('#userSetupP').text(flag?'User Custom Panel (click to open)':'User Custom Panel (click to close)');       
       
    });