JSFiddle - React, Tailwind, and code Playground

HTML

<div id="card_1" class="card">
     Carte 1
     <div class="card-content red white-text col s12 m12 l4">
     <i class="material-icons left">report_problem</i>
          Le type d'image (<b>.png</b>) n'est pas valide. Seules les extensions .png, .jpg, .jpeg, et .gif sont autorisées !
     </div>
</div>

CSS

.card-content { 
  display: none;
  
}
#card_1 {cursor: pointer;}

JavaScript

$( document ).ready(function () {
    $("#card_1").on('click', function(){
    	 $(this).find('.card-content').slideDown('slow');
   });
  
});