JSFiddle - React, Tailwind, and code Playground

by Wisdom Abioye

HTML

<h4> Enter Article Short Description </h4>
<h5 class="toolbar"> Toggle Toolbar</h5>

<div id="mceu_19">
  Toolbar row 1
 
</div>


<div id="mceu_27">

  Toolbar row 2

</div>

<div id="mceu_28">

  Toolbar row 3
</div>

CSS

#mceu_19, #mceu_27, #mceu_28{
display: block;
/* The following is for testing purpose and should not be included in the tinymce stylesheet. */
height: 30px;
background: orangered;
font-size: 2em;
padding: 10px;
margin: 10px;
}
h4{
  display: inline-block;
}
h5.toolbar{
  float: right;
  background: #fff;
  padding: 5px;
  cursor: pointer;
  border-radius: 2px;
  display: inline-block;
}

JavaScript

$('.toolbar').click(function(){
$('#mceu_19, #mceu_27, #mceu_28').toggle('slow');
});