CODEWITHSUNDEEP
wordpress
Jitendra Vyas
Jitendra Vyas

Reputation: 152767

How to make Multilevel Drop down navigation in wordpress theme?

I need same menu like on this site http://www.salesforce.com/aloha.jsp in wordpress theme. Multilevel dropdown mouse hover. is anybody know and trick, techniques or wp-plugin todo samelike this.

Upvotes: 3

Views: 4831

Answers (3)

nouman
nouman

Reputation: 1

Slide down and slide up all tears of wordpress menu items on click function:

<script> 
jQuery('.sub-menu').hide(); 
jQuery(document).ready(function($){
  jQuery('li.menu-item-has-children a').on("click", function(e){ 
    e.stopPropagation();
    e.preventDefault(); 
    if(!$(this).closest('li').hasClass('menu-item-has-children')){
       window.location.href = $(this).attr('href');
        } 
    jQuery(this).next('.sub-menu').slideToggle();
  });
}); 
</script>

Upvotes: 0

Evan Meagher
Evan Meagher

Reputation: 4555

You can also do it in straight CSS using the Suckerfish method.

And here's an alternate version that claims to be more accessible.

EDIT: Also, here's a good article by Jakob Nielsen on dropdown heuristics.

Upvotes: 2

Restore The Data Dumps Again
Restore The Data Dumps Again

Reputation: 39345

If you can integrate jQuery to your wordpress blog then you can use the superfish jquery plugin as demonstrated here. Click examples and then nav-bar style (for some reason I can't link directly).

Upvotes: 0

Related Questions