Cześć! Chciałbym funkcją .show() i .hide() zbudować takie menu. I ono mi się rozwija i zwija zaraz po zjechaniu z przycisku który jest inicjatorem wyjechania diva. Sposób w jaki to działa - rozumiem i wiem że kod poniżej właśnie tak ma działać jak napisałem - problem w tym że nie wiem jak napisać go by menu się zwijało po zjechaniu z obszaru rozwiniętego diva a nie od razu na tym obszarze:

[HTML] pobierz, plaintext 
<li>
<a onmouseover="j('#ff').show('fast');" onmouseout="j('#ff').hide('fast');" href="java script:void(0);" >Więcej</a></li>
						<div style="display:none;position:absolute;top:35px; width:270px;background-color:#49324C;	
	color:#fff;
	text-shadow:1px 1px 2px #A0457E;
	text-decoration:none;padding:6px 20px;" id="ff">
 
	<a style="font-size:14px;" href="#">JA</a><br>
 
	</div>
[HTML] pobierz, plaintext 

A nie łatwiej będzie poprzez CSS?

1. Dzisiaj nie używa się już eventów przypisanych w znacznikach typu onmouseover czy onclick.

Zrób to w następujący sposób:

Stwórz sobie plik functions.js i wpisz do niego:

[HTML] pobierz, plaintext 
 
$(".submenu").mouseover(function(e)
{
    var id = '#submenu_' + event.target.id;
 
    e.preventDefault();
    $(id).slideToggle("slow");
 
 
});
[HTML] pobierz, plaintext 

gdzie .submenu musisz przypisać jako class do linku.
jako id linku daj np: games, albo cokolwiek czego dotyczy to menu,

potem robisz div o display:none , który będzie miał id submenu_games

jak to działa? tłumaczę:
po najechaniu myszą na link o klasie .submenu wykonywana jest instrukcja var id = '#submenu_' + event.target.id; , teraz JavaScript wie, na który link najechałeś myszą i konstruuje sobie id DIV'a, który ma rozwinąć, a następnie po prostu to robi.. żeby po zjechaniu z tego DIV'a funkcja go zwijała wystarczy, że zdublujesz tą funkcję i zmienisz tylko mouseover na mouseout, .submenu na id div'a, i z pierwszej instruckji usuniesz event.target.id, a wpiszesz pełne id div'a

NIE ZAPOMNIJ DOŁĄCZYĆ DO NAGŁÓWKA PLIKÓW jquery i functions.js

Nie działa, mógłbyś pomóc?
Plik fun.js:


Plik index.php, nagłówek:


Scieżka do fun.js - poprawna.

HTML:

I niestety nic sie nie dzieje..

kurcze, przepraszam ze tak pozno,
sam nie jestem mistrzem i nie widze tu bledu, sprobuj przypisac id div'a w funkcji na sztywno, tzn j('#submenu_wiecej')

dobra, sprawdzilem, event.target.id odwoluje sie do id ale tylko w Chrome..
polecam takie odwołanie: var id = "#submenu_" + jQuery(this).attr("id");