drupal expandable hover menu

Question

Anyone know of a decent way of making drupal menus exapandable when the user hovers over the parent menu item.

Answer 1

If you wish a drop down menus, like at this site, please refer to Drupal's Nice Menus module. It's very easy to use. Documentation and information on this module you can find here.

Hope this is what you're looking for :)

regards

Answer 2

Some themes come with expandable menus. Any theme based on the fusion ( http://drupal.org/project/fusion ) or adaptive theme ( http://drupal.org/project/adaptivetheme ) will give you expandable drop down menus. Check out the links to see which themes are based on the above themes.

To enable a dropdown just make sure that the menu item is market as "expanded".

No need to install any additional module or mess around with the theme code. Easy.

Answer 3

Hi Everyone,

Wrote this bit of jquery which did the trick;

<style>
    ul.menu li.expanded ul.menu {  display:none;}
    ul.menu li.active-trail ul.menu{ display:block;}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
<script>
    $("li.expanded").mouseenter(function(){

        $("li.expanded").each( function() {
            $(this).find("ul.menu").css('display','none');
        }); 

        $(this).find("ul.menu").css('display','block');
        $(this).animate( {'height':'100%'},1500);
    });

</script>