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

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;
				});
			});
Donc mon problème se situe au niveau du

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
 
$('a.slick-toggle').click(function() {
	$('.slickbox').hide(400);
Une idée pour que le comportement d'une div .slickbox déjà ouverte que l'on veut fermer se ferme effectivement ?