Ergebnis 1 bis 2 von 2

Thema: jQuery Klappmenü wieder schließen

  1. #1
    dawall
    Gast

    Frage jQuery Klappmenü wieder schließen

    Hallo,

    ich habe eine Frage zu einem jQuery Menü mit folgendem Aufbau:

    Code:
    <ul id="graphic_menu">
      <li>Menüpunkt1</li>
        <ul style="display: none;">
          <li>Untermenü1</li>
          <li>Untermenü2</li>
        </ul>
      <li>Menüpunkt2</li>
        <ul style="display: none;">
          <li>Untermenü1</li>
          <li>Untermenü2</li>
        </ul>
    </ul>
    und dazugehöriges Script:
    Code:
    function SubMenu() {
    	$('#graphic_menu ul').hide();
    	$('#graphic_menu li').click(
    		function() {
    			$('#graphic_menu ul').hide('normal'); 
    			$(this).next().slideToggle('normal');
    		}
    	);
    }
    $(document).ready(
    	function() {
    		SubMenu();
    	}
    );
    Das Menü wird dadurch zwar geöffnet, jedoch kann man es nicht mehr schließen. Ein erneuter Klick auf den obersten Menüpunkt schließt das Untermenü kurz und öffnet es direkt wieder.
    Gibt es eine einfach Möglichkeit, dass ein Menüpunkt auch wieder richtig geschlossen werden kann?

    Viele Grüße
    Flo
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    dawall
    Gast

    Standard AW: jQuery Klappmenü wieder schließen

    Hab es jetzt selbst hinbekommen. Falls es jemand interessiert, ich es vom "Simple jQuery Accordion Menu" nachgebaut.

    Das fertige Ergebnis schaut jetzt wie folgt aus:
    Code:
    $(document).ready(function() {
    	$('#graphic_menu li').click(
    		function() {
    			$('#graphic_menu li').removeClass('on');
    			$('#graphic_menu ul').slideUp('normal');
    			if($(this).next().is(':hidden') == true) {
    				$(this).addClass('on');
    				$(this).next().slideDown('normal');
    			}
    		}
    	);
    $('#graphic_menu ul').hide();
    });
    Der Beitrag kann als gelöst markiert werden.

Ähnliche Themen

  1. frameset im fullscreen öffnen und wieder schließen
    Von werwolf im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 18.02.2008, 19:06
  2. Probleme mit Klappmenü
    Von Chris-D im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 09.07.2006, 00:25
  3. pop-ups mit klick wieder schließen
    Von Dennis im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 18.10.2005, 10:14
  4. Klappmenü mit JavaScript
    Von im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 09.10.2005, 18:00
  5. Klappmenü - ???
    Von Babs im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 16.04.2004, 14:26

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •