Afficher / Masquer des <div> (Jquery)
Résolu/Fermé
A voir également:
- Afficher / Masquer des <div> (Jquery)
- Masquer conversation whatsapp - Guide
- Comment masquer les amis sur facebook - Guide
- Afficher appdata - Guide
- Afficher mot de passe wifi android - Guide
- Application pour masquer les applications - Guide
3 réponses
Ok, j'ai réfléchis et j'ai trouvé une solution plutôt sympa, un peu tirée par les cheveux mais sympa !
Comme on ne peut afficher un élément dans le DOM si l'élément précédent est caché, je me suis dis qu'il suffisait de changer leur position dans le DOM.
Ainsi dans les deux fonctions qui affiche les <div>, je vérifie la place dans l'élément dans le DOM avec .index() et si il vient après, je le place avant avec un .insertBefore().
Ensuite je l'affiche, que ce soit avec display: ou avec .show
Et ça fonctionne !
Merci de ton aide ;)
Comme on ne peut afficher un élément dans le DOM si l'élément précédent est caché, je me suis dis qu'il suffisait de changer leur position dans le DOM.
Ainsi dans les deux fonctions qui affiche les <div>, je vérifie la place dans l'élément dans le DOM avec .index() et si il vient après, je le place avant avec un .insertBefore().
Ensuite je l'affiche, que ce soit avec display: ou avec .show
Et ça fonctionne !
Merci de ton aide ;)
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
Modifié par animostab le 20/02/2014 à 13:37
Modifié par animostab le 20/02/2014 à 13:37
Salut
avec toggle()
<script type="text/javascript">
$(document).ready(function() {
$("#bouton1").click(function() {
$( "#div1" ).toggle();
});
$("#bouton2").click(function() {
$( "#div2" ).toggle();
});
})
</script>
<button id="bouton1">clic1</button>
<button id="bouton2">click2</button>
<div id="div1"></div>
<div id="div2"></div>
tu mets tes div en display:none avec css
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
avec toggle()
<script type="text/javascript">
$(document).ready(function() {
$("#bouton1").click(function() {
$( "#div1" ).toggle();
});
$("#bouton2").click(function() {
$( "#div2" ).toggle();
});
})
</script>
<button id="bouton1">clic1</button>
<button id="bouton2">click2</button>
<div id="div1"></div>
<div id="div2"></div>
tu mets tes div en display:none avec css
Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.