How to make Multilevel Drop down navigation in wordpress theme?

3 comments

1. 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.

   Log in to Reply

2. 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).

   Log in to Reply

3. 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>
   

   Log in to Reply