如何在jQuery中点击链接时显示第二个标签页

Question

有两个链接登录并在页面顶部注册。在页面正文中有两个选项卡登录 并注册。当点击登录时，它应该显示登录标签，当点击登录时，它应该显示注册标签。这两个选项卡都存在于单独的div中，并且这两个div有一个父div。 目前我使用下面的代码适用于这两种链接的点击只显示第一个标签：

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

HTML代码如下：

 <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--> 

现在，我必须显示注册选项卡，而不是注册链接点击页面顶部的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