ansaurus

Question

How do I fade in/out a jQuery menu with sub menus?

Answer 1

A:

Try something like this. Also, make sure your properly ending your nested tags

<body>
<ul id="products" class="menu">
<li><a href="#">users</a>
    <ul class="sub_menu'>
     <li><a href="#">user 1</a></li>
     <li><a href="#">user 1</a></li>
     <li><a href="#">user 1</a></li>
    </ul>
</li>
<li><a href="#">product</a>
    <ul class="sub_menu'>
     <li><a href="#">product 1</a></li>
     <li><a href="#">product 1</a></li>
     <li><a href="#">product 1</a></li>
    </ul>
</li>
<li><a href="#">movies</a></li>
<li><a href="#">clips</a></li>
<li><a href="#">teaser</a></li>
<li><a href="#">trailer</a></li>
<li><a href="#">HDMovie</a></li>
</ul>

</body>

the script

$(document).ready(function(){
    $(".menu > li > a").bind("click", function(){
     $('.sub_menu').fadeOut();
     $(this).parent().find('.sub_menu').fadeIn();
    }
})

bendewey 2009-02-20 21:53:22

hi,thanks fo replies, i have used this function it is working it fades out my menu and also fadesIn the sub menu but the same sub menu for every link i want sub menu2 to fadeIn when i click the next link.. Thanks guys...

2009-02-23 17:51:01

Here is the link what i am doing http://umarstudio.com/test/html/screen_2b.html

2009-02-23 17:51:59

I just need the submenus to fade In for every link.. Thanks ;)

2009-02-23 17:54:09

Answer 2

+1 A:

Honestly, I would use the Superfish plugin and not reinvent the wheel. Combine it with hoverIntent and it should be able to do everything you need.

Evan 2009-02-21 01:36:44

Answer 3

A:

hi,

Thanks fo replie guys, i have used this function it is working it fades out my menu and also fadesIn the sub menu but the same sub menu for every link i want sub menu2 to fadeIn when i click the next link..

Here is the link what i am doing http://umarstudio.com/test/html/screen_2b.htm

I just need the submenus to fade In for every link.. Thanks ;)

2009-02-24 09:12:15

ansaurus

tags:

views:

answers:

How do I fade in/out a jQuery menu with sub menus?

related questions