TABS: How to link from tab content on #tab1 forgot password


Topic: TABS: How to link from tab content on #tab1 "forgot password" to #tab2 "forgot password content"?

tbsn asked 4 years ago

Expected behavior When push link "Sign up" in bottom of modal then I vil go to the Sign up tab #panel8, everytime

Actual behavior I can click on i one/two times and then the link dont work and the other tabs works some times

Resources (screenshots, code snippets etc.) https://mdbootstrap.com/snippets/jquery/tbsn/2206615


Grzegorz Bujański staff answered 4 years ago

Hi. I create working example for you: https://mdbootstrap.com/snippets/jquery/grzegorz-bujanski/2208605

changes:

1 delete data-toggle="tab" add id and change href to: href="#"

<p>Not a member? <a href="#" id="sing-up">Sign Up</a></p>

2 add id

<li class="nav-item" id="register">
    <a class="nav-link" data-toggle="tab" href="#panel8" role="tab"><i class="fas fa-user plus mr-1"></i>Register</a>
</li>

3 add some JS.

$('#sing-up').on('click', () => {
    $('#register a').tab('show');
})

Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.11
  • Device: pc
  • Browser: chrome
  • OS: windows
  • Provided sample code: No
  • Provided link: Yes
Tags