Bonjour j'aimerais avoir plusieurs lien avec des boites div qui apparait au clique et se cache au reclique. Ca fonctionne bien dans IE mais ne fonctionne pas sur le deuxieme lien dans firefox.
Modifié par britanicus75 (05 Aug 2009 - 03:29)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#slickbox').hide();
// toggles the slickbox on clicking the noted link
$('a#slick-toggle').click(function() {
var $nextDiv = $(this).next();
var $visibleSiblings = $nextDiv.siblings('div:visible');
if ($visibleSiblings.length ) {
$visibleSiblings.slideUp('fast', function() {
$nextDiv.slideToggle("slow");
});
} else {
$nextDiv.slideToggle("slow");
}
});
});
</script>
</head>
<li id="question-list">
<a href="#" id="slick-toggle"><h4>mon premier titre</h4></a>
<div style="display: none;" id="slickbox">bla bla bla 1 bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1bla bla bla 1</div>
</li>
<li id="question-list">
<a href="#" id="slick-toggle"><h4>mon deuxième titre</h4></a>
<div style="display: none;" id="slickbox">bla bla bla 2 bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2bla bla bla 2</div>
</li>
</body>
</html>
Modifié par britanicus75 (05 Aug 2009 - 03:29)