xxxxxxxxxx
$(document).ready(function() {
// Initially, show the first tab
$('.tabs li:first').addClass('active');
$('.tab-content .tab-pane:first').addClass('active');
// Handle tab click event
$('.tabs li').click(function() {
// Remove 'active' class from all tabs and tab content
$('.tabs li').removeClass('active');
$('.tab-content .tab-pane').removeClass('active');
// Add 'active' class to the clicked tab and corresponding content
$(this).addClass('active');
var index = $(this).index(); // Get the index of the clicked tab
$('.tab-content .tab-pane:eq(' + index + ')').addClass('active');
});
});