JSFiddle - React, Tailwind, and code Playground

by Bradley Mitchell

HTML

<a href="#" class="button">Button</a>
<div class="category-menu-wrap">
  <p>Content</p>
</div>

CSS

.button {
  background: blue;
  color: #fff;
  padding: 10px;
}

.category-menu-wrap {
  height: 0;
  background: #F7D5B6;
}

JavaScript

jQuery('.button').click(function(){
  jQuery('.category-menu-wrap').toggleClass('category-menu-visible');

  if (jQuery('.category-menu-wrap').hasClass('category-menu-visible')){
    var menuHeight = jQuery('.category-menu-visible').height();
    alert(menuHeight);
  } 

});