Topic: TABS: How to link from tab content on #tab1 "forgot password" to #tab2 "forgot password content"?
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');
})
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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