Instead of calling .hide() and .show(), try setting the css manually
with .css({display: 'none'}) and .css({display: 'inline'})
Or, if you want to keep the animations, you can float left the LI
elements instead of making them inline.
On 3/29/09, LaUr3nTiU <laurentiu.ter...@gmail.com> wrote:
>
> //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 ?
>
--
-Hector
