두 번째 탭을 기본 활성으로 표시

Question

두 번째 태그를 기본 활성 탭으로 표시하려고합니다.

다음 코드에서이를 "slide1link"라고합니다. 제안 사항이 있으십니까?

$(document).ready(function() { 
      $('ul.tabs').each(function() { 
       var active, content, links = $(this).find('a'); 
       active = links.first().addClass('active'); 
       content = $(active.attr('href')); 
       links.not(':first').each(function() { 
        $($(this).attr('href')).hide(); 
       }); 
       $(this).find('a').click(function (e) { 
        active.removeClass('active'); 
        content.hide(); 
        active = $(this); 
        content = $($(this).attr('href')); 
        active.addClass('active'); 
        content.show(); 
        return false; 
       }); 
      }); 

<ul class="tabs"> 
<li class="slide0link"><a href="#ohne-logo">Ohne Logo</a></li> 
<li class="slide1link active"><a href="#heissfolienpraegung">Heißfolienprägung</a></li> 
<li class="slide2link"><a href="#blindpraegung">Blindprägung</a></li> 
<li class="slide3link"><a href="#motivdruck">Motivdruck</a></li> 
</ul > 

Answer 1

변경 : active = links.first().addClass('active');
사람 : active = links.first().next().addClass('active');

Answer 2

//links.first().addClass('active'); 

이있는 동안 'UL'에 처음 앵커로 'A' 요소를'활성'클래스를 추가합니다 html로 을 '활성' 클래스에 넣었습니다. 'li'에 있습니다. 당신이 '는이' (이 당신이 클래스를 둘 필요가 2 에 클래스를 추가 할 경우,

links[1].parent().addClass('active'); 

나 : 당신이 2 '리'에 클래스를 추가하려면 다음에 코드를 변경 = 'A' 대신 '리') 에 '활성'

links[1].addClass('active');