JSFiddle - React, Tailwind, and code Playground

by Arnaud

HTML

<div id="solidaireTabs" class="archiveTrajets">
  <ul>
 <li>
  <a href="#solidaireTabs-1">Trajet du <span class="dateDepart">20/01/2018</span> à <span class="heureDepart">12:00</span><br /> 
  Départ : <span class="communeDepart">Mulhouse</span><br />
  Arrivée : <span class="communeArrivee">Belfort</span></a>
   </li>
   <li>
  <a href="#solidaireTabs-2">Trajet du <span class="dateDepart">20/01/2018</span> à <span class="heureDepart">12:00</span><br /> 
  Départ : <span class="communeDepart">Mulhouse</span><br />
  Arrivée : <span class="communeArrivee">Belfort</span></a>
   </li>
   <li>
  <a href="#solidaireTabs-3">Trajet du <span class="dateDepart">20/01/2018</span> à <span class="heureDepart">12:00</span><br /> 
  Départ : <span class="communeDepart">Mulhouse</span><br />
  Arrivée : <span class="communeArrivee">Belfort</span></a>
   </li>
 
 </ul>
  

  
      
<div class="tableauOuter" id="solidaireTabs-1">
<ul class="tableauCol tableauCol1">
  
 <li class="liAdresseDepart"><span class="icoOuter"><img src="mail/images/icones_07.png" height="52" width="47"></span><strong>Départ : </strong>
  <span><span>Mortzwiller,68780</span></span></li>
 
 <li class="liAdresseArrivee"><span class="icoOuter"><img src="mail/images/icones_08.png" height="49" width="47"></span><strong>Arrivée : </strong>
  <span>Mulhouse,68100</span></li>
 
 <li class="liHeureDepart"><span class="icoOuter"><img src="mail/images/icones_03.png" alt="" height="40" width="46"></span><strong>Heure de départ : </strong> <span>05:00</span></li>
 
 <li class="liHeureArrivee"><span class="icoOuter"><img src="mail/images/icones_03.png" alt="" height="40" width="46"></span><strong>Heure de Retour : </strong><span>Pas de retour</span></li>
</ul>
  
  
  
  <ul class="tableauCol tableauCol2">
   <li class="liDate"><span class="icoOuter"><span class="icoOuter"><img src="img/icos/ico-date.svg" height="57" width="46"></span></span>  <strong>date : </strong><span>16/02/2018</span></li>
   <li...

JavaScript

$( function() {
    $( "#solidaireTabs" ).tabs();
  } );