How to open a tab from external link?

Question

I am using Bootstrap 4 for my web page, I am facing problem with the nav-tabs.

I need to open a Forget Password Tab from the Login Tab Content page

Answer 1

This can be achieved with jQuery by triggering a function that changes the tab when the link is clicked.

HTML

  

    Log in
  
  

    Forgot password
  
  

    Sign up
  


  

    Login tab
    Go to Forget Password
  
  
Forgt password tab
  
sign-up tab

Javascript

$( ".forgot-password-link" ).click(function() {
    $('#myTabs li:nth-child(2) a').tab('show')
});

Codepen example: https://codepen.io/Washable/pen/VQYewy