Comment cacher ou afficher les div de plusieurs élément indépendamment

bonjour j'essaye de faire un système de hide and show

mais la le code javascript s'applique seulement sur la première div
Désolé pour le code html mon ordinateur vient de s’éteindre cause de coupure d’électricité avant que je publier

<script src="jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
 $("#lol").hide();

 $(".modifcommentaire").click(function(){
    $("#lol").show();
    $(".modifcommentaire").hide(); 
    $(".supcommentaire").hide(); 

      });

   $(".annulermodif").click(function(){
   $("#lol").hide();
   $(".modifcommentaire").show(); 
   $(".supcommentaire").show();  
   });

 $("#modifcommentaire").submit(function(event){
        event.preventDefault();
 
        var formValues = $(this).serialize();
        alert(formValues);
        
        $.post("modifcommentaire.php", formValues , function(data){
            
    $("#resultat").html(data);
            console.log(data);
          
       
  
 });
 });
 

}); 




</script>