Question

在给定的例子中，我使用＆＃34; .active＆＃34;和＆＃34; .inactive＆＃34;课程，但我只想展示＆＃34; .active＆＃34;单击选项卡的类而不需要应用＆＃34; .inactive＆＃34;，如何删除＆＃34; .inactive＆＃34;来自代码的条件

//------ Tabs
                $('#tabs li:first-child a').addClass('active');
        $('#tabs li a:not(:first)').addClass('inactive');
                $('.tab-container').hide();
                $('.tab-container:first').show();

                $('#tabs li a').click(function(){
                    var t = $(this).attr('id');

                    if(!$(this).hasClass('active')){ //this is the start of our condition 

          $('#tabs li a').removeClass('active').addClass('inactive');           
                    $(this).removeClass('inactive').addClass('active');

                    $('.tab-container').hide();
                    $('#'+ t + 'C').fadeIn('slow');
                 }
                });

JSFiddle Here

Answer 1

在这里！

只需将类显示为活动选项卡，不显示休息选项卡的类

1 个答案: