JQuery - aufklappbares Menü wieder zuklappen

Hallo,
ich habe folgendes Problem:
Ich habe vertikales Menü. Sieht so aus:

  • Seite 1
  • Unterseite 1
  • Seite 2
  • Unterseite 2

Erst sind alle Unterseiten zu.

  • Seite 1
  • Seite 2

Beim Click auf das gewünschte Menü, gehen die Unterseiten vom geclickten auf. z.B:

  • Seite 1
  • Unterseite 1
  • Seite 2

Ich möchte beim nächsten Click auf die Seite 2, dass die Unterseite 1 ausgeblendet wird.

U.g. code macht zur Zeit, dass beim Click alle Unteseiten sichtbar sind… Es geht dann ganz schön nach runter.

Könnte bitte jemand helfen. Vielen Dank.

jQuery(function($) {
$(’.s4-ql li ul’).hide();
$(’.s4-ql ul li’).toggle(function() {
$(this).find(‚a:first‘).next().slideToggle();
},
function() {
$(this).find(‚a:first‘).next().slideToggle();
}).find(‚ul‘).each(function(index) {
var $this = $(this);
});
});

Hallo Nadine,

leider fehlt dein HTML Code, aber ich vermute es soll in etwa so funktionieren:

http://jsfiddle.net/ahuCV/

HTH
Heavy

mach ich mit
http://mootools.net/demos/?demo=Accordion

mach ich mit
http://mootools.net/demos/?demo=Accordion

Sehr nützlicher Hinweis, wenn es doch um

„JQuery - aufklappbares Menü wieder zuklappen“

geht.

osmodius

Moin

mach ich mit
http://mootools.net/demos/?demo=Accordion

Sehr nützlicher Hinweis, wenn es doch um

ja, viele wegen führen nach rome , und fraglich ob das was gerade genutzt wird das richtige ist.