Bonjour,
j'ai intégré cette menu dynamiquement dans mon site, elle marche très bien. http://www.i-marco.nl/weblog/jquery-accordion-menu/.
je veux que la premier balise <li> de mon menu soit par default fermé.
merci d'avance.
HTML :
<ul id="menu">
<li>
<a href="#">Weblog Tools</a>
<ul>
<li><a href="http://www.pivotx.net/">PivotX</a></li>
<li><a href="http://www.wordpress.org/">WordPress</a></li>
<li><a href="http://www.textpattern.com/">Textpattern</a></li>
</ul>
</li>
<li>
<a href="#">Programming Languages</a>
<ul>
<li><a href="http://www.php.net/">PHP</a></li>
<li><a href="http://www.ruby-lang.org/en/">Ruby</a></li>
<li><a href="http://www.python.org/">Python</a></li>
<li><a href="http://www.perl.org/">PERL</a></li>
</ul>
</li>
<li><a href="http://www.i-marco.nl/weblog/">Marco's blog (no submenu)</a></li>
<li>
<a href="#">Cool Stuff</a>
<ul>
<li><a href="http://www.apple.com/">Apple</a></li>
<li><a href="http://www.nikon.com/">Nikon</a></li>
<li><a href="http://www.xbox.com/en-US/">XBOX360</a></li>
</ul>
</li>
</ul>
JavaScript :
function initMenu() {
$('#menu ul').hide();
$('#menu ul:first').show();
$('#menu li a').click(
function() {
var checkElement = $(this).next();
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
return false;
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#menu ul:visible').slideUp('normal');
checkElement.slideDown('normal');
return false;
}
}
);
}
$(document).ready(function() {initMenu();});
il y a aussi le fichier jquery-1.2.1.min.js qui est accessible sur le net.
je veux que la premier partie de <li> soit fermé, je ne sais si c'est claire ou pas.
<li><a href="http://www.pivotx.net/">PivotX</a></li>
<li><a href="http://www.wordpress.org/">WordPress</a></li>
<li><a href="http://www.textpattern.com/">Textpattern</a></li>
le site ne contient pas de virus.
merci d'avance