Seite 2 von 2 ErsteErste 12
Ergebnis 16 bis 18 von 18
  1. #16
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: jquery accordion menü soll beim clicken offen bleiben

    Wie sieht dein deine Menüstruktur aus (HTML-Code)? Hast du versucht den Lösungsansatz aus Beitrag #10 umzusetzen?
    Hoffe ich konnte helfen

  2. #17
    jen
    jen ist offline Grünschnabel
    registriert
    11-04-2011
    Beiträge
    4

    AW: jquery accordion menü soll beim clicken offen bleiben

    Die HTML Struktur sieht so aus:

    <ul id="menu">
    <li><a href="#">Sub menu heading</a>
    <ul>
    <li><a href="http://site.com/">Link</a></li>
    <li><a href="http://site.com/">Link</a></li>
    <li><a href="http://site.com/">Link</a></li>
    ...
    ...
    </ul>
    <li><a href="#">Sub menu heading</a>
    <ul>
    <li><a href="http://site.com/">Link</a></li>
    <li><a href="http://site.com/">Link</a></li>
    <li><a href="http://site.com/">Link</a></li>
    ...
    ...
    </ul>
    ...
    ...
    </ul>
    Es liegt an den js Aufbau. Mit $('#menu ul:first').show(); wird ja angegebe das immer der 1. Block geöffnet wird aber ich weiß nicht wie ich es umschreiben kann. Leider kein Plan davon. So wie es der Benutzer vor mir gelöst hat funktioniert es leider nicht weil mein Code ja ganz anders aussieht.
    LG Jenny

  3. #18
    Avatar von miniA4kuser
    miniA4kuser ist offline Lounge-Member
    registriert
    12-07-2006
    Beiträge
    3.034

    AW: jquery accordion menü soll beim clicken offen bleiben

    Du musst deinen Code nur minimal anpassen.
    Im Javascript-Block musst du eine Zeile ändern, siehe Code
    HTML-Code:
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Menu toggle</title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    function initMenu() {
    	$('#menu ul').hide();
    //	$('#menu ul:first').show();  statt dem hier muss
    	$('#menu ul.expand').show();  // das hier gemacht werden
    	$('#menu li a').click(function() {
    		var checkElement = $(this).next();
    		if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
    			return false;
    		}
    		if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
    			$('#menu ul:visible').slideUp('normal');
    			checkElement.slideDown('normal');
    			return false;
    		}
    	});
    }
    
    $(document).ready(function() {
    	initMenu();
    });
    </script>
    
    </head>
    
    <body>
    <ul id="menu">
    	<li><a href="#">Sub menu heading</a>
    	<ul>
    		<li><a href="http://site.com/">Link</a></li>
    		<li><a href="http://site.com/">Link</a></li>
    		<li><a href="http://site.com/">Link</a></li>
    	</ul>
    	<li><a href="#">Sub menu heading</a>
    	<ul class="expand">
    		<li><a href="http://site.com/">Link</a></li>
    		<li><a href="http://site.com/">Link</a></li>
    		<li><a href="http://site.com/">Link</a></li>
    	</ul>
    </ul>
    </body>
    </html>
    und in deinem HTML-Block musst du dem Menü, welches offen bleiben soll, die Klasse "expand" geben. In diesem Beispiel ist das der zweite Menüblock.
    Hoffe ich konnte helfen

Seite 2 von 2 ErsteErste 12

Ähnliche Themen

  1. Problem mit jquery accordion & Bumpbox
    Von stefan211 im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 24-11-2009, 19:08
  2. jquery Menü mit Unterpunkten
    Von ms_h im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 16-09-2009, 13:26
  3. Antworten: 0
    Letzter Beitrag: 07-09-2009, 11:14
  4. Javascript Context Menü mit Jquery
    Von sheen85 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 04-09-2009, 13:12
  5. jquery Accordion mit verschiedenen ids
    Von derMatze im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 24-09-2008, 17:56

Stichworte

Lesezeichen

Berechtigungen

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