JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Titre </h1>
<p class="description"> > Description 
<button class="minus"> -</button></p>
<p class="fichier"> > Fichier
  <button class="minus"> -</button>
</p>
<button class=plus> +</button>

CSS

body {
  font-family: Monaco;
  font-weight: 200;
  padding-top:10px;
}

h1{
  font-size:15px;
}

p.description,
p.fichier {
  display: none;
  font-size:15px;
}

.minus,
.plus {
  cursor: pointer;
}

JavaScript

$(document).ready(function() {
  var action = 1;

  $(".plus").click(function() {
    if (action == 1) {
      $(".description").show('normal');
      $(".minus").show('normal');
      action = 2;
    } else {
      $(".fichier").show('normal');
      action = 1;
    }
  });
  $(".description, .fichier").click(function() {
    $(this).toggle('normal');
  });
});