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

<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>