JSFiddle - React, Tailwind, and code Playground

by Matheus Castiglioni

HTML

<div class="post">
  Post 1
  <a data-toggle="comentarios-1">Comentario 1</a>
  <div class="comentarios-1">
    Comentarios 1
  </div>
</div>
<div class="post">
  Post 2
  <a data-toggle="comentarios-2">Comentario 2</a>
  <div class="comentarios-2">
    Comentarios 2
  </div>
</div>

CSS

div[class^=comentarios] {
  display: none;
}

JavaScript

jQuery(document).ready(function() {
	jQuery('a[data-toggle^=comentarios]', 'div.post').click(function() {
		jQuery('div.' + $(this).data('toggle')).toggle();
  });
});