JSFiddle - React, Tailwind, and code Playground

HTML

<table>
		<tr id="IDBDD2118" name="ouifacture"><td > Bon de commande No 2118 </td></tr>
		<tr name="H2118" class="cacher"> <td >Facture no 1</td></tr>
		<tr name="H2118" class="cacher"> <td >Facture no 2</td></tr>	
	</table>

CSS

td {border: 1px solid black;}

.cacher {
display: none;
}

JavaScript

$('tr').click(function() 
		{
			if( $(this).attr('name') == 'ouifacture')
			{   	
				var id_bdd = $(this).attr('id');
				var nnn=id_bdd.replace('IDBDD','H');				
				
				/* $('tr').attr('name',nnn).slideDown("slow"); */
                
			 $('tr').attr('name',nnn).toggleClass("cacher");
                				
			};
		});