11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous.

Je viens de trouver un script sur internet (peut-être même sur ce forum), permettant de cacher/ ouvrir un div avec un effet de slide (effet permis par jquery Smiley langue ).

J'aimerais ajouter une petite fonction à mon script, à savoir cacher le "div" visible à l'instant ou j'en ouvre un nouveau.

(Pour ceux qui on du mal à se le représenter, j'aimerais simplement obtenir ce genre d'effet --> http://www.learningjquery.com/2007/03/accordion-madness ) Smiley lol

Voilà, merci d'avance à celui ou celle qui pourra m'aider à réaliser cet effet.

Bon dimanche Smiley biggrin
Modifié par JulianB (07 Mar 2010 - 21:22)
PS : Le script JS est :

$(document).ready(function(){
		$(".toggle_container2").hide(); 
	$("h2.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	$("h2.trigger2").click(function(){
		$(this).next(".toggle_container2").slideToggle("slow");
	})
});


et en HTML, nous avons :

<h2 class="trigger2"><a href="#">TITRE</h2>
<div class="toggle_container2"><div class="block"><h2 class="trigger2" style="margin-left:10px">CONTENU DIV</h2>

Modifié par JulianB (07 Mar 2010 - 11:28)