JSFiddle - React, Tailwind, and code Playground

by mrunali tatkundawar

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="toggle_wrapper">
  <button class="Expand_codescript">Expand Author Details</button>
</div> 
<div class="toggle_wrapper1">
  <button class="Collapse_codescript">Collapse Author Details</button>
</div> 
<div class="codediv">

CSS

.codediv{
  width:100px;
  height:100px;
  color:red;
  border:2px solid black
}

JavaScript

$(document).ready(function($){
 $(".codediv").hide(); 
 $(".Collapse_codescript").hide();
  }); 
  $(".Expand_codescript").click(function()
  {
    $(".codediv").show();
     $(".Collapse_codescript").show();
     $(".Expand_codescript").hide();
  
   });
    
 
    $(".Collapse_codescript").click(function()
  {
    $(".codediv").hide();     
      $(".Expand_codescript").show();
   $(".Collapse_codescript").hide();
   });