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.

4 réponses


Grafikart
Réponse acceptée

Enleve ton : $('#menu ul:first').show();

antivirus# me bloque la page, affiche le code (on sais jamais).
rejeb01
Auteur

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

rejeb01
Auteur

Yessss
merci Grafikart