I'd like to know if there is any space for this kind of tab.

$(".desc-btn").click(function(e) {
  $(".desc-btn").removeClass("productview_tab_inactive").addClass("productview_tab_active");
  $(".info-btn, .note-btn").removeClass("productview_tab_active").addClass("productview_tab_inactive");
  $(".desc-content").show("fast");
  $(".info-content").hide("fast");
  $(".note-content").hide("fast");
});
$(".info-btn").click(function(e) {
  $(".info-btn").removeClass("productview_tab_inactive").addClass("productview_tab_active");
  $(".desc-btn, .note-btn").removeClass("productview_tab_active").addClass("productview_tab_inactive");
  $(".info-content").show("fast");
  $(".desc-content").hide("fast");
  $(".note-content").hide("fast");
});
$(".note-btn").click(function(e) {
  $(".note-btn").removeClass("productview_tab_inactive").addClass("productview_tab_active");
  $(".desc-btn, .info-btn").removeClass("productview_tab_active").addClass("productview_tab_inactive");
  $(".note-content").show("fast");
  $(".info-content").hide("fast");
  $(".desc-content").hide("fast");
});

this is the
that I wrote, but I found that it seems to be possible to change it again. But I have no idea that
wants to ask the great god on the line.

Huan Chong
sure enough, thank you to all the great gods, it"s amazing

Apr.05,2021

something like this, use $(this) . Modify by yourself

$('.btn').click(function(e) {
  $(this).removeClass('productview_tab_inactive').addClass('productview_tab_active').show();
  $(this).siblings().removeClass('productview_tab_active').addClass('productview_tab_inactive').hide();
});

of course, post your html source code



    $('.tab-btn').each(function(index) {
        $(this).data('index', index);
    });
    $('.tab-btn').click(function() {
        var index = $(this).data('index');
        $(this).addClass('active').siblings().removeClass('active');
        $('.tab-content:eq(' + index +')').show('fast').siblings().hide('fast');
    });
</script>
Menu