Autor Zpráva
had
Profil *
Ahoj,
snažím se udělat "rozjížděcí" menu za pomocí jquery. V html mám skrytý div jako submenu a za pomocí .show() a .hide() ho chci skrývat / zobrazovat po najetí myší na hlavní odkaz. Potřebuju to ale vychytat tak, aby se menu schovalo, když s myší odjedu mimo hlavní odkaz a nebudu zároveň s tou myší na oblasti toho submenu...

Mám něco takovýho:

$("#menu-links-forum-link").mouseenter(function(){
$("#submenu-links-forum").show("slow");  // zobrazí submenu
}).mouseleave(function(){ 
  
  var hideSubmenu = true;

  $("#submenu-links-forum").mouseenter(function(){
  
    $(this).mouseleave(function(){
    $(this).hide("slow");
    });
    
  hideSubmenu = false;
  });          

  if(hideSubmenu){
  $("#submenu-links-forum").hide("slow");
  }

});


$("#submenu-links-forum").mouseleave(function(){
$(this).hide("slow");
});

Ale nejede to... máte, prosím, nějakou ideu, jak na to? Předem děkuju za pomoc. H.
Chamurappi
Profil
Reaguji na hada:
HTML vypadá jak? Nebylo by lepší dodat živou ukázku?
Pokud nemáš položku menu a její podmenu ve stejném rodiči, proč to tak nemáš? Pokud to tak máš, proč chytáš mouseenter odkazu a ne toho rodiče?
had
Profil *
Živou ukázku asi nedám, mám web jenom na localhostu, musel bych ho nahrávat a to by znamenalo spoustu jinejch věcí vychytat (např. ještě nemám převedené databáze...)

Podle přihlášenosti uživatele příp. dogeneruju v PHP odkaz na fórum pro veřejnost...

Nedával jsem to do rodiče, protože jsem nejdřív udělal menu hlavní (těch prvních pět položek) a pak jsem s postupem času přišel na to, že budu potřebovat menu udělat rozjížděcí, ale už jsem to měl nastylovaný a nechtělo se mi do toho moc zasahovat... příp. se to tak určitě může udělat, nejsem proti, ale moc se mi do toho nechce, vždycky zápasím s CSS pozicováním těhlech menu...

<div id="menu-links">
    <ul>
      <li><a href="/">AKTUALITY</a></li>      
      <li><a href="/forum/clenove/" id="menu-links-forum-link">FÓRUM</a></li>            
      <li><a href="/fotogalerie/">FOTOGALERIE</a></li>
      <li><a href="/texty/">TEXTY</a></li>
      <li><a href="/kapela/" class="active">O NÁS</a></li>
    </ul>
    
    <div id="submenu-links-forum">
      <ul>
        <li><a href="/forum/verejnost/">Pro veřejnost 1</a></li>
        <li><a href="/forum/verejnost/">Pro veřejnost 2</a></li>
        <li><a href="/forum/verejnost/">Pro veřejnost 3</a></li>        
      </ul>
      </div><!-- #submenu-links-forum -->
      
      <div id="submenu-links-kapela">
      <ul>
        <li><a href="/kapela/cd/">CD</a></li>
        <li><a href="/kapela/pisnicky/">Písničky</a></li>
        <li><a href="/kapela/partneri/">Partneři</a></li>
        <li><a href="/kapela/pristupnost/">O přístupnosti webu</a></li>
      </ul>
      </div><!-- #submenu-links-kapela -->      
    </div><!-- #menu-links -->

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: