Bonjour chers amis développeurs, je développe un petit site pour un gîte et j'y affiche une liste de lieux remarquables dans les environs... Je suis débutant en jquery...
C'est une liste ul li classique dont chaque li contient une div cachée qu'un bouton ouvre façon jquery
Avant la liste il y a également deux boutons permettant de tout développer/fermer (le problème ne concerne pas ces boutons)
Tout fonctionne très bien, j'obtiens un effet façon accordéon : lorsque j'ouvre une div, je fais fermer les autres
En l'état actuel, ça donne ça : http://www.lasence.fr/content/autour.php
Le problème : quand je reclique sur une div déjà ouverte, ma prog fait qu'elle se ferme et s'ouvre à nouveau. Cela est dû au fait que je ne sais pas sélectionner toutes les divs .slickbox sauf celle en cours...
Donc mon problème se situe au niveau du
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 $(document).ready(function(){ $('.slickbox').hide(); var showText='<img src="../styles/help.png" width="16px" height="16px" alt="ouvrir" />'; $('.liste span').append(' <a href="#" class="slick-toggle">'+showText+'</a>'); $('a.slick-toggle').click(function() { $('.slickbox').hide(400); $(this).parent().next('.slickbox').toggle(400); return false; }); });
Une idée pour que le comportement d'une div .slickbox déjà ouverte que l'on veut fermer se ferme effectivement ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 $('a.slick-toggle').click(function() { $('.slickbox').hide(400);
Partager