Repost: Need help with Bootstrap tabs not working as intended

Code Feedback
9

$( document ).ready(function() {

$(".tab-pane").css("display", "none");
$("#about").css("display", "block");


$("a.nav-link").on('click',function(){
$(".tab-pane").css("display", "none");
$($(this).attr("href")).show();

});
});

If you change your JS to this, it will also remove the empty space at the bottom.

1 Like