[jQuery] Hide problem

//This might be a double post, I'm not sure... I've already posted
this message about 10 minutes ago and it didn't show up yet... so...
dunno
Hello.

I have a div with the id 'menu', inside it i have a ul, and in that
i've inserted 7 li tags, each with display: inline. In each li I have
a link.

/* js start */
$(document).ready
(
function()
{
$("#menu > ul > li").click
(
function (event)
{
$(this).nextAll().hide(500);
}
);
}
);
/* js end */

The menu is something like: Home, About, Link 3.. Link 7. Whenver I
click on a link, it should hide all the following (next, right) links.
It hides them... but instead of hiding them horizontaly, jQuery
converts them to a regular list (it overrides by display: inline and
uses... I guess, display: block) and they hide one after other but in
a

About <---
Link 3 <---
Link 4 <---

manner instead About, Link 3, Link 4 <----

Anyone know how can I solve this ?