Afficher et cacher (jquery)
Fermé
korka
-
31 mars 2019 à 15:36
jordane45 Messages postés 38288 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 15 novembre 2024 - 31 mars 2019 à 22:14
jordane45 Messages postés 38288 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 15 novembre 2024 - 31 mars 2019 à 22:14
A voir également:
- Afficher et cacher (jquery)
- Cacher conversation whatsapp - Guide
- Cacher application android - Guide
- Afficher mot de passe wifi android - Guide
- Afficher appdata - Guide
- Comment cacher ses amis sur facebook - Guide
2 réponses
jordane45
Messages postés
38288
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 novembre 2024
4 703
31 mars 2019 à 15:37
31 mars 2019 à 15:37
Bonjour,
Penche toi sur les fonctions : .show() et .hide()
Penche toi sur les fonctions : .show() et .hide()
jordane45
Messages postés
38288
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
15 novembre 2024
4 703
31 mars 2019 à 22:14
31 mars 2019 à 22:14
Le code que je t'ai donné fonctionne parfaitement.
Tu n'as qu'à vérifier par toi même
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....
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....
31 mars 2019 à 17:32
<div id="guide_1_div"><p>TEXTE</p></div> <button id="guide_1">Afficher</button>#guide_1_div{ display: none; }$(document).ready(function(){ $(document).on('click', function(){ if($(this)[0].activeElement.id == "guide_1"){ $("#guide_1_div").css("display", "block"); } else{ $("#guide_1_div").css("display", "none"); } }); });il faut que je clique 5 fois de suis pour cacher
il faut indiquer le mot afficher et cacher
Modifié le 31 mars 2019 à 18:02
$(document).ready(function(){ $("#guide_1").click(function(){ if($("#guide_1_div").is(":hidden")){ $("#guide_1_div").show(); }else{ $("#guide_1_div").hide(); } }); });31 mars 2019 à 18:25
mais je vais essayer rouver un autre code