ugrás a tartalomhoz

jquery menü

juhasztibi · 2007. Dec. 4. (K), 10.31
Sziasztok,

segítséget szeretnék kérni az alábbi dologban. Szeretnék egy olyan menüt létrehozni jquery segítségével ami a következőképpen épülne fel ill. nézne ki.
<ul class="menu">

   <li><a href="#">menüpont1</a>    
    <ul>
      <li><a href="#">almeüpont1</a></li>
      <li><a href="#">almeüpont1</a></li>
      <li><a href="#">almeüpont1</a></li>
      <li><a href="#">almeüpont1</a></li>
    </ul>
   </li>


   <li><a href="#">menüpont2</a>    
    <ul>
      <li><a href="#">almeüpont2</a></li>
      <li><a href="#">almeüpont2</a></li>
      <li><a href="#">almeüpont2</a></li>
      <li><a href="#">almeüpont2</a></li>
    </ul>
   </li>


   <li><a href="#">menüpont3</a>    
    <ul>
      <li><a href="#">almeüpont3</a></li>
      <li><a href="#">almeüpont3</a></li>
      <li><a href="#">almeüpont3</a></li>
      <li><a href="#">almeüpont3</a></li>
    </ul>
   </li>

</ul>
Ugye a működést már kitaláltátok. Mouseout-ra és mouseover-re meg kellene jeleníteni illetve el kellene tüntetni maga alatt az aktuális szülő menüpontban lévő almenüket.
Jquerynek a children() függvényével próbálkoztam, de elakadtam. Ha valaki csinált már hasomló dolgot és van tapasztalata jquery-vel akkor megköszönném ha tudna segíteni!

pl.: http://pannon.hu/egyeni/

Köszönöm a hozzászólásokat!

T.
‹ Form küldése timeout-ra float :right ›
 ■
1

ha kell

juhasztibi · 2007. Dec. 4. (K), 13.55
Megoldottam ha valakit érdekel:

var obj = null;
function elrejt() {
	if (obj) {
		obj.find('ul').hide();	
	}
}
$(document).ready(function() {
	$('#menu > li').hover(function() {
		if (obj) {
			obj.find('ul').hide();
			obj = null;
		}	
		$(this).find('ul').show();
	}, function() {
		obj = $(this);
		elrejt();
	});
});
2

ha jól értem...

TeeCee · 2007. Dec. 6. (Cs), 12.49
... akkor ehhez semmi szükség javascriptre mozillában és operában (többit nem tudom), viszont IE-ben a 7-es verzió alatt kell. CSS-sel megoldható, hogy ott az al-elemek látszódjanak. Ezt hívják UL LI-menünek (van másik neve amúgy - valaki?) Google-ben találsz egy csomó találatot a "css ul li menu"-re keresve.

Vagy rosszul értelmezem a kérdést?
IMHO akkor van értelme javascriptet is belerakni, ha nem HTC-s megoldással akarod a régi IE-ben kiküszöbölni azt a hibát, hogy :hover-t nem értelmezi csak A TAG-hez, illetve ha animációval szeretnéd a megjelenést, vagy időzítéssel - kivárással - az almenü elrejtését/megjelenését (ennek azért van racionalitása, mert ha egy 3 mély almenüben az egeret véletlen tovább rántod 2pixellel és keresheted megint, az nem kellemes...)
4

Nálam nem működik

Gabor66 · 2009. Szep. 29. (K), 07.48
Betöltöttem FireFoxba es nem működik. Mi lehet az oka?

Köszi

Gabor
5

Anno írtam egy cikket arról,

hosszu.kalman · 2009. Szep. 30. (Sze), 08.56
Anno írtam egy cikket arról, hogy én hogyan szoktam ilyen menüt készíteni jQuery-vel. Olvasd el hátha segítségedre lesz:
http://www.kalman-hosszu.com/dropdown-menu-keszitese-jquery-vel-es-a-velejaro-ie-fix/
3

jQuery Superfish

tiku I tikaszvince · 2007. Dec. 6. (Cs), 14.07
szerintem már ezt a problémát előtted megoldotta valaki. Superfish hasznos lehet

VinceVoltam