JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<div id="tab-1" class="tab-content current">
<button id="moisafficher1" class="moisafficher" data-mois_cible="avril2018" style="text-align: center;" >AVRIL 2018</button>
<button id="moisafficher2" class="moisafficher" data-mois_cible="mai2018" style="text-align: center;">MAI 2018</button>
<div id="avril2018" class="moiscacher">
<p style="text-align: center;">PERFORMANCE HISTORIQUE</p>
<img src="/wp-content/uploads/2018/11/performance_class_A_USD_04.18-historique-Fr_01.png"/>
<p style="text-align: center;">PERFORMANCE HISTORIQUE</p>
<img src="/wp-content/uploads/2018/11/performance_class_A_USD_04.18-historique-Fr_01.png"/>
<p style="text-align: center; margin-top: 7px;">PART DE LIQUIDITÉS</p>
<img class="aligncenter" src="/wp-content/uploads/2018/11/performance_class_A_USD_04.18-liquidite-Fr_01.png" width="330px" height="330px" style="margin-top: 10px; margin-bottom: 20px;">
<p style="text-align: center;">SYNTHÈSE PAR EXPOSITION AUX DEVISES</p>
<img class="aligncenter" src="/wp-content/uploads/2018/11/performance_class_A_USD_04.18-devise-Fr_01.png" width="330px" height="330px" style="margin-top: 10px; margin-bottom: 20px;">
<p style="text-align: center;">SYNTHÈSE PAR EXPOSITION GÉOGRAPHIQUE</p>
<img class="aligncenter" src="/wp-content/uploads/2018/11/performance_class_A_USD_04.18-geographique-Fr_01.png" width="330px" height="330px" style="margin-top: 10px; margin-bottom: 20px;">
<p style="text-align: center;">NOTE DE PORTEFEUILLE</p>
<img class="aligncenter" src="/wp-content/uploads/2018/11/performance_class_A_USD_04.18-portefeuille-Fr_01.png" width="330px" height="330px" style="margin-top: 10px; margin-bottom: 20px;">
<button...
CSS
.moisafficher{
font-weight: 700;
font-size: 14px;
font-style: bold;
}
JavaScript
$(function(){
$(".moiscacher").hide();
$(".moisafficher").on('click', function(){
$(".moiscacher").hide();
menuid = $(this).data('mois_cible');
$('#'+menuid).show();
});
});