Breaking News: Grepper is joining You.com. Read the official announcement!

jquery tab function work by on index

Andomi answered on September 4, 2023 Popularity 1/10 Helpfulness 1/10

answer jquery tab function work by on index

jquery tab function work by on index

Comment

$(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');
  });
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: function javascript jquery

Link to this answer
Share Copy Link

Contributed on Sep 04 2023

Andomi

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

jquery tab function work by on index

Contents

More Related Answers

jquery tab function work by on index

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.