Menu Accordion
mocoye
Messages postés
73
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis en train de créer un site, et je souhaite y faire apparaître mon menu sous forme d'accordion, je suis donc aller à la recherche de modèle qui me plaisait, le souci c'est qu'un fois trouver je ne sais pas comment intégrer le code js, pour le html et le css pas de souci, mais pour le js je galère, forcement c'est en anglais et j'avoue ne pas maîtriser.
Est ce que quelqu'un peu m'aider, j'ai plusieurs ligne de codes mais ne sait pas où les mettre.
http://cssmenumaker.com/blog/flat-jquery-accordion-menu-tutorial/
D'avance merci
Laetitia
Je suis en train de créer un site, et je souhaite y faire apparaître mon menu sous forme d'accordion, je suis donc aller à la recherche de modèle qui me plaisait, le souci c'est qu'un fois trouver je ne sais pas comment intégrer le code js, pour le html et le css pas de souci, mais pour le js je galère, forcement c'est en anglais et j'avoue ne pas maîtriser.
Est ce que quelqu'un peu m'aider, j'ai plusieurs ligne de codes mais ne sait pas où les mettre.
http://cssmenumaker.com/blog/flat-jquery-accordion-menu-tutorial/
D'avance merci
Laetitia
A voir également:
- Menu Accordion
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
- Réinitialiser menu démarrer windows 10 - Guide
1 réponse
salut
a mettre dans le <head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
a mettre juste après <body>
<script>
$(document).ready(function(){
$('#cssmenu > ul > li ul').each(function(index, element){
var count = $(element).find('li').length;
var content = '<span class="cnt">' + count + '</span>';
$(element).closest('li').children('a').append(content);
});
$('#cssmenu ul ul li:odd').addClass('odd');
$('#cssmenu ul ul li:even').addClass('even');
$('#cssmenu > ul > li > a').click(function() {
var checkElement = $(this).next();
$('#cssmenu li').removeClass('active');
$(this).closest('li').addClass('active');
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#cssmenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
});
</script>
ou mieux tout ce qui en gras tu le colle dans un doc avec blocnote tu appelles ca par exemple accordion.js et tu le mets dans un dossier nommé js (dossier à la racine du site)
et apres après <body> tu l'intègres comme ca
<script src="js/accordion.js" />
a mettre dans le <head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
a mettre juste après <body>
<script>
$(document).ready(function(){
$('#cssmenu > ul > li ul').each(function(index, element){
var count = $(element).find('li').length;
var content = '<span class="cnt">' + count + '</span>';
$(element).closest('li').children('a').append(content);
});
$('#cssmenu ul ul li:odd').addClass('odd');
$('#cssmenu ul ul li:even').addClass('even');
$('#cssmenu > ul > li > a').click(function() {
var checkElement = $(this).next();
$('#cssmenu li').removeClass('active');
$(this).closest('li').addClass('active');
if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
}
if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#cssmenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
}
if($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
});
</script>
ou mieux tout ce qui en gras tu le colle dans un doc avec blocnote tu appelles ca par exemple accordion.js et tu le mets dans un dossier nommé js (dossier à la racine du site)
et apres après <body> tu l'intègres comme ca
<script src="js/accordion.js" />