skip to Main Content

jQuery stops working when including Bootstrap 5

I've been trying to create a button that shows some input fields when clicked using jQuery (latest version 3.7.1) and it works just fine. However, when I add the tags <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> to…

VIEW QUESTION

Jquery – Show tab-pane from a outside link click

I need a <a href="#" class="link-one">Link</a> outside nav-tabs to activate a tab-panel/tab-content using Bootstrap 5. Basically, how can I simplify this? // show relevant Bootstrap tab from a outside link click $('.link-one').on('click', function(){ $('#tab-one-pane').addClass('show active'); $('#tab-two-pane').removeClass('show active'); $('#tab-two').removeClass('active'); $('#tab-one').addClass('active'); });…

VIEW QUESTION
Back To Top
Search