Im using Wordpress, and I wish to produce a nice submenu for my customers. I had been browsing the net and discovered a pleasant submenu here: www.pathe.nl

Wouldso would I create this type of menu with jQuery, or perhaps is there a current Wordpress wordpress plugin to do this?

Any help could be greatly appreciated.

My menu style:

<div class="menu-main-nav-container">
   <ul id="menu-main-nav" class="menu">
      <li id="menu-item-51" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51">
         <a href="/">Home</a>
       </li>
       <li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-23 current_page_item menu-item-50">
           <a href="/locaties/">Locaties</a>
       </li>
       <li id="menu-item-49" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-49">
           <a href="/acties/">Acties</a>
           <ul class="sub-menu" style="display: block;">
              <li id="menu-item-79" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-79">
                 <a href="/tim/">tim</a>
              </li>
           </ul>
        </li>
        <li id="menu-item-48" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-48">
           <a href="/over/">Over</a>
        </li>
        <li id="menu-item-47" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-47">
            <a href="/contact/">Contact</a>
        </li>
        </ul>
</div>

This is actually the menu I am getting after i call:

 <?php wp_nav_menu( array('menu' => 'Main Nav') ); ?>

I made use of superfish jquery wordpress plugin to produce a menu such as the one on pathe.nl. The markup of the menu fits nicely with this particular wordpress plugin. Additionally, it supports nested menu products.

I never labored with Wordpress myself, however i assume it's trivial to implement the wordpress plugin. The only real factor you have to supplment your page is

<script> 

    $(document).ready(function(){ 
        $("ul.sf-menu").superfish(); 
    }); 

</script>