JSFiddle - React, Tailwind, and code Playground

HTML

<style>
  .dropdown2-content {
    display: none
  }

  .dropdown2-content.show {
    display: block
  }

</style>
<div class="dropdown2">
  <button onclick="navFunction('m1')" class="dropbtn2">Жмяк1</button>
  <div id="m1" class="dropdown2-content">
    Блок1
  </div>
</div>
<div class="dropdown2">
  <button onclick="navFunction('m2')" class="dropbtn2">Жмяк2</button>
  <div id="m2" class="dropdown2-content">
    Блок2
  </div>
</div>
<script>
  function navFunction(id) {
    var dropdowns = document.getElementsByClassName("dropdown2-content");
    for (var i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (dropdowns[i].id === id) {
      	openDropdown.classList.toggle('show');
      }
      else {
        openDropdown.classList.remove('show');
      }
    }
  }

</script>