Menu Accordion
Fermé
mocoye
Messages postés
76
Date d'inscription
jeudi 13 septembre 2012
Statut
Membre
Dernière intervention
28 septembre 2023
-
26 mars 2014 à 17:34
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 27 mars 2014 à 16:16
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 27 mars 2014 à 16:16
A voir également:
- Menu Accordion
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Menu demarrer windows 10 - Guide
1 réponse
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
737
27 mars 2014 à 16:16
27 mars 2014 à 16:16
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" />