Hallo,

ich habe folgende Funktion und möchte ein Menu gerne so gestalten, dass bei mouseover das menu aufgeht und bei onclick das menu zugeht. Nun befinde ich mich mit mouseover und onclick an der gleichen Stelle. Wie kann man das machen?

PHP-Code:

$(document).ready(function(){
        $("ul.menu li a") mouseover(function() { 
            $(this).parent().find("ul.menu1").show(); 
            $(this).parent().hover(function() {
            $(this).find("ul.menu1").stop().show(0,1);
            }, 
            function()
            {    
            $("ul.menu li a").one('click',function() {
            $(this).find("ul.menu1").hide(0,0);
            });
            });
            });
        }); 


Danke tvtotal

Hmmm, dann müsstest du quasi mouseover unterdrücken, wenn das menu aufgeklappt ist und nur noch click zulassen, damit die beiden sich nicht in die quere kommen.

Ja, so wird es sein. Aber wie setze ich das oben um?

Oder du verwendest statt mouseover mouseenter(). Verhält sich im Grund genauso nur wenn es um Event-Bubbling geht verhalten sich die beiden unterschiedlich.

Hallo, aber was muss ich ändern, um mouseover bzw. mouseenter zu deaktivieren bzw. zu ünterdrücken, damit beim Klick die Bahn frei für`s Zumachen ist?

Mir ist gerade aufgefallen das ich das Problem garnicht so recht nachstellen kann.

Kannst du mal ein bisl HTML deines Menus posten?

Hallo, also die Grundstruktur sieht wie folgt aus:

PHP-Code:

<ul class="menu">
    <li>
    <a></a>
    </li>
    <li><a></a>
        <ul class="menu1">
              <li>
            </li>
        </ul>
    </li>
    <li><a></a>                     
        <ul class="menu1">            
            <li>
            </li>
        </ul>
    </li>
    <li><a></a>
        <ul class="menu1">
            <li>
            </li>
        </ul>
    </li>
</ul> 


Hm, warum dann nicht einfach so

Code javascript:

1 2 3 4 5 6

$('ul.menu li a').mouseover(function(){       $('ul.menu1',$(this).parent()).show(); }); $('ul.menu li a').click(function(){       $('ul.menu1',$(this).parent()).hide(); });

P.s. vergiss das mit dem mouseenter

Danke, ja das geht, allerdings je nachdem wo ich mich in "li a" befinde, geht das Menu direkt wieder auf. Kann man das auch etwas komfortabler gestalten, d.h. die menus1,2,3 benennen und das bei Klick auf den 2. Menupunkt bzw, anderen Menupunkt, der geöffnete geschlossen wird?