jQuery에서 링크 클릭시 두 번째 탭을 표시하는 방법

Question

페이지 상단에 로그인 및 등록 링크가 두 개 있습니다. 페이지 본문에는 에 로그인하고 등록하는 두 개의 탭이 있습니다. 로그인을 클릭하면 로그인 탭이 표시되고 등록을 클릭하면 등록 탭이 표시됩니다. 두 탭 모두 별도 div 안에 있으며 두 div에 대한 부모 div가 있습니다. 현재 내가 두 링크의 클릭에만 첫 번째 탭을 표시하는 다음 코드를 사용하고 있습니다 :

 <div id="signin-info-tab-container" > 
      <ul id="myaccount-details-tabs"> 
       <li><a href="#">sign-in</a></li> 
       <li ><a href="#">create an account</a></li> 
      </ul> 
      <div id="myaccount-details-panes"> 
       <div id="signin-details-panes"> 


       </div><!-- signin-details-panes--> 
       <div id="register-details-panes"> 

       </div><!--register-details-panes--> 
      </div><!--myaccount-detailes-panes--> 
    </div><!--signin-info-tab-container--> 

을 이제 내가 대신 탭을 등록 표시가 다음과 같이

$("ul#myaccount-details-tabs").tabs("div#myaccount-details-panes>div"); 
     $(".tabs").each(function(){ 
     initTabs($(this).attr("id")); 
    }); 

HTML 코드입니다 sig-in 탭에서 페이지 상단에있는 등록 링크를 클릭하십시오.

Answer 1

티르이 :

$('#tabs').tabs(); 

$('#sign-in').click(function(){  
    $("#tabs").tabs("select", "#tabs-1");   
}); 

$('#register').click(function(){  
    $("#tabs").tabs("select", "#tabs-2");   
}); 

DEMO HERE