Bonjour à tous,

Je possede plusieurs interviews, possedant chacune un titre. Lors du clic sur l'un de ces titres la video apparait en dessous en slideToggle. Cela fonctionne très bien, cependant je voudrais que deux videos ne soient pas visibles en meme temps. Donc si on clique sur le titre d'une autre interview, celle ouverte précedemment se ferme pour ensuite ouvrir la seconde. Donc slideUp avant slideToggle...

J'ai déjà essayé plusieurs choses mais rien ne fonctionne :/ Voici mon code et la page avec le script en action :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
$('#interviews a.interview-title').click(function() {
	var $nextDiv = $(this).next('.interview-content');
	var $visibleSiblings = $nextDiv.siblings('div:visible');
	if ($visibleSiblings.length ) {
		$visibleSiblings.slideUp('500', function() {
			$nextDiv.slideToggle('500');
		});
	}
	else {
		$nextDiv.slideToggle('500');
	}
});
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<ul id="interviews">
	<li><a class="interview-title">Votre vision du monde des affaires et de l’économie a-t-elle changé avec le temps ? Et si oui, comment ?</a>
<div class="interview-content"><iframe src="http://www.youtube.com/embed/0zFjO5nnGlE?rel=0&amp;showinfo=0&amp;vq=hd720&amp;wmode=transparent" height="320" width="570" allowfullscreen="" frameborder="0"></iframe></div></li>
	<li><a class="interview-title">Comment doivent s’organiser les qualités d’un manager qui doit organiser la vie de plusieurs sociétés aujourd’hui ?</a>
<div class="interview-content"><iframe src="http://www.youtube.com/embed/Q0i61jZr_tU?rel=0&amp;showinfo=0&amp;vq=hd720&amp;wmode=transparent" height="320" width="570" allowfullscreen="" frameborder="0"></iframe></div></li>
</ul>

Lien vers la page

Un grand merci !