JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="col">test</div>
  <div class="col">test</div>
  <div class="col">test</div>
  <div class="col">test</div>
  <div class="col"><a href="#">Link</a></div>
</div>
<div class="other-wrapper">
  Hello world!
</div>

SCSS

.wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #000;
}

.other-wrapper {
  display: none;
}

JavaScript

$(document).ready(function(){
   $('.wrapper').on('click', function(e) {
   if(!$(e.target).attr('href'))
    $('.other-wrapper').slideToggle();
  });
});