[FRAGE] 8 CSS /JS DropDown Menüs, nur das 1. funktioniert

Hallo, ich bin CSS Anfänger und habe mir durch mühsame Web-Inspiration ein Dropdown-Menü zusammengebaut.

Das Menü habe ich auf der Webseite 8x platziert, aber nur das erste funktioniert so wie es sollte.(Beim Aufklappen eines 2ten Eintrags, sollte das offene Menü wieder schliessen.



Die ID der Menüs habe angepasst und fortlaufend Nummeriert. (#cssmenu 1-8) HTML und CSS ist Fehlerfrei aber mit JS bin ich total überfordert.



Mit der Datei script2.js ist nur das erste Dropdown Menü aktiviert, und man kann gut sehen wie ich das möchte. Welche Änderungen muss ich jetzt noch auf dem Script vornehmen, damit alle



Menüs aktiv werden?



Für jegliche Hilfe, herzlichen Dank.



Die Webseite kann man unter folgenden Link einsehen.

ADRESSE:

Web-Start





JS Script



( function( $ ) {

$( document ).ready(function() {

$('#cssmenu ul ul li:odd').addClass('odd');

$('#cssmenu ul ul li:even').addClass('even');

$('#cssmenu > ul > li > a').click(function() {

$('#cssmenu li').removeClass('active');

$(this).closest('li').addClass('active');

var checkElement = $(this).next();

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;

}

});

});

} )( jQuery );

[FRAGE] 8 CSS /JS DropDown Menüs, nur das 1. funktioniert