Second level in the menu

Question

I have created a menu with items and one item has second level. So I created child links.

The problem is that the item which has second level links to some page and I would like to make it to link nowhere. It would be only collaps/expand link that shows or hides the child links.

I have found only possibility to set the link as <front> but this does not make what I want. Is this possible in Drupal 7?

OK, I found some modules the could help, Menu block and Nice menus but it seems that my problem could have some easier solution. How would you solve it? With some javascript?

thank you

Answer 1

There are actually 2 links that can help you with your problem:

Menu items that are not links (Notice that the discussion starts from drupal 5, so you will have to skip to the drupal-7-specific comments: hit ctrl+f and search for Drupal 7)

Javascript to Disable Drupal Parent Menu Links (This solution is based on jQuery and CSS, so you won't have to modify the template.php file or install any extra modules)

Answer 2

There are two modules I know of specifically for allowing menu items that are not 'proper' links. There's Special menu items (which doesn't have a D7 release, but there's a patch) and Menu Firstchild (they're not identical in features, but both do what you want I believe).

You might also be interested in DHTML Menu which has a beta1 release for D7.

Answer 3

One thing you could do is to make the first level link manually, and make it identical to the 'primary' or most important second level link.

So you'd have something like this:

• About (about/who-we-are/)
  • Who We Are (about/who-we-are/)
  • Contact Us (about/contact-us/)
  • etc.

Then, using Nice Menus (or something else), you can make the second level menu appear as someone hovers over the primary menu items. Some users might click on this primary link, but this sends them to your desired second-level page.

Answer 4

You can use menu attributes to create an id for the menu item. With jquery you can then target that menu item and add an onclick event to show and hide your children to override the default on click.

if($('#your-id').get(0)) {
  $('#your-id').click(function(){
    $('ul', this).toggle();
    return false;
  });
}

Answer 5

https://drupal.org/project/special_menu_items does exactly what you want...

Special menu items is a Drupal module that provides placeholder and separator menu items.

A placeholder is a menu item which is not a link. It is useful with dynamic drop down menus where we want to have a parent menu item which is not linking to a page but just acting as a parent grouping some menu items below it.

A separator menu item is something like "-------" which is not linking anywhere but merely a mean to structure menus and "separate" menu items visually.

Menu item container provides similar functionality.