11548 sujets

JavaScript, DOM et API Web HTML5

Jquery slideToggle et Internet explorer

Salut à tous. Autant prévenir tout de suite le javascript reste assez onscur pour moi et je me contente de suivre la doc Jquery pour mettre en place certains petits effets.

Voilà, sur un site que je construit actuellement je souhaite mettre en place un petit effet toggle.
Seul hic : l'effet ne fonctionne pas selon les navigateurs. En gros j'ai un soucis avec IE6 et IE7.

J'ai fait une petite page de test (le code est visible sur la page) : http://bit.ly/slidetoggle

Si vous aviez quelques petites idées ...

Merci à vous.
Salut,

J'ai une grosse idée (peut-être dû au fait que je l'ai testée Smiley lol ) :
Ta structure est mauvaise : tu mets ton ul.contenu entre 2 li (ce qui est interdit : un ul ne peut pas contenir un ul). Met ton ul.contenu dans le li qui est juste avant, immédiatement après le lien, et fais ton action slideToggle au clic sur ce lien.
Et voilou ça marche, même sous vilain pas bô ie666
Oulala c'était comme le nez au milieu de la figure et je me prenais la tête sur des trucs à la con ... Même pô fichu de faire une liste imbriquée correctement ...

En tout cas mille merci de m'avoir rendu la vue !

Voilà donc le code simple ...


CSS :

<h2>Works in Mordern Browser AND OLD ONES !!!</h2>
		<ul>
			<li><a href="#" class="declencheur">2009</a>
				<ul class="contenu">
				<li>Juin/Juillet : "Variations taurines", Le Toril, Nîmes (30).</li>
				<li>Janvier : "Ombre et lumi&#269;re", Chapelle des Jésuites, Nîmes(30).</li>
				</ul>
			</li>
			<li><a href="#" class="declencheur">2008</a>
				<ul class="contenu">
				<li>Février : "Goya", Centre Culturel de Vauvert (30).</li>
				</ul>
			</li>
		</ul>



Javascript :

<script type="text/javascript">
$(document).ready(function(){
	$(".contenu").hide();
	$(".declencheur").click(function(){
		$(this).next().slideToggle("fast");
	});
});
	</script>


Résolu donc !
Modifié par Damino (03 Mar 2011 - 21:44)
Sujet clos
Aller à