Make Dropdown main point clickable

Topic: Make Dropdown main point clickable

BP-Webmedia pro asked 7 years ago

Hi, I want to make my Dropdown main point href linked on to a certain site.The idea is:-First klick, the dropdown menu opensSecond klick:- Href Link goes to another pageIs it possible?

Add comment

Mikołaj Smoleński staff answered 7 years ago

0 0 Best answer

Hi, I have prepared an example for You. I am not sure about Your issue, but take a look at the following code:

<!-- Basic dropdown -->
<div class="btn-group">
 <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" data-href="https://mdbootstrap.com/material-design-for-bootstrap/" aria-haspopup="true" aria-expanded="false">Basic dropdown</button>
 <div class="dropdown-menu">
  <a class="dropdown-item" href="#">Action</a>
  <a class="dropdown-item" href="#">Another action</a>
  <a class="dropdown-item" href="#">Something else here</a>
  <div class="dropdown-divider"></div>
  <a class="dropdown-item" href="#">Separated link</a>
 </div>
</div>

<script>
$(document).ready(function () {
 let count = 0;
 $('.dropdown-toggle').on('click', function() {
  count++;
  let url = $(this).attr('data-href');
  if(count % 2 == 0) {
   window.open(url,'_blank');
  }
 })
});
</script>

Best Regards

Add comment

BP-Webmedia pro answered 7 years ago

0 0 Best answer

Hi, many thanks! This is exactly what I wanted. Greetings

Add comment

Write

Create snippet

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: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

About author

BP-Webmedia

Pro User

47Support score
5Questions 4Answers

0Snippets likes 0Snippets