Afficher et cacher (jquery)

Le code que je t'ai donné fonctionne parfaitement.
Tu n'as qu'à vérifier par toi même

<!DOCTYPE html>
<html>
  <head>
      <meta charset="utf-8" />
      <meta name="viewport" content="width=device=width, initial-scale=1.0">
      <title>TEST</title>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	  <style>
	  #guide_1_div{
	   display: none;
	}
	</style>
  </head>
  <body>
   
 <div id="guide_1_div"><p>TEXTE</p></div>
        <button id="guide_1">Afficher</button>
    <script>
      $(document).ready(function(){
    $("#guide_1").click(function(){
      if($("#guide_1_div").is(":hidden")){
       $("#guide_1_div").show();
      }else{
       $("#guide_1_div").hide();
     }
   });  
});
      
    </script>
  </body>
</html>

Si, en ajoutant ce code, ton code plante.. c'est que tu as un souci ailleurs.

Pour voir où se situe le souci, tu dois commencer par regarder la CONSOLE de ton navigateur. C'est un minimum lorsqu'on code en javascript....

Bonjour,

Penche toi sur les fonctions : .show() et .hide()