Clickable Main Dropdown-Link

Topic: Clickable Main Dropdown-Link

BP-Webmedia pro asked 6 years ago

Hi, how can I make the main Dropdown item clickable like this: First click: dropdown opens Second click: locate to another page ex. google.com Thanks

Add comment

BP-Webmedia pro answered 6 years ago

1 0 Best answer

The solution is to detect the second click on the dropdown button/link and follow the link at that point: $('.navbar .dropdown > a').click(function() { if (!$(this).hasClass("parent-clicked")) { $(this).addClass("parent-clicked"); } else { location.href = this.href; } });

Add comment

Piotr Glejzer staff answered 6 years ago

0 0 Best answer

Hi, do you mean something like that? MDB Snippets - Dropdown Best, Piotr

Add comment

BP-Webmedia pro answered 6 years ago

0 0 Best answer

No not really. I mean the first point (as I marked on the picture) should point to another page on the second click.

Add comment

Write

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

User: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: PC
Browser: All
OS: Mac/Win
Provided sample code: No
Provided link: No

Tags

dropdown-menu

Related topics

1: Can't remove active state from first child <li> in dropdown

1: Dropdown menu disappears on click

0: waves.css not being referenced by mdb

0: How to use Dropdown menus in RTL in Angular 13?

0: Dropdown menu disappears on click, even on items within form

About author

BP-Webmedia

Pro User

47Support score
5Questions 4Answers

0Snippets likes 0Snippets