如果选择某个jQuery UI选项卡，显示/隐藏链接

Question

当单击＃my-text-link时，我需要选择选项卡5，当选择选项卡5时，我需要隐藏＃my-text-link。希望这是有道理的，继承我的代码，以及我迄今为止所做的，请随时向我展示一种更好的方式。在此先感谢

var $tabs = $('.tabbed').tabs(); // first tab selected 
     $('#my-text-link').click(function() { // bind click event to link 
      $tabs.tabs('select', 4); // switch to third tab 
      $('#my-text-link').hide(); 
      return false; 
     }); 


<a href="#" id="my-text-link"></a> 

<ul> 
<li class="one"><a href="#tabs-1" title="Summary"></a></li> 
<li class="two"><a href="#tabs-2" title="Detailed Info"></a></li> 
<li class="three"><a href="#tabs-3" title="Images"></a></li> 
<li class="four"><a href="#tabs-4" title="Reviews"></a></li> 
<li class="five"><a href="#tabs-5" title="Dates &amp; Prices"></a></li> 
</ul> 

<div id="tabs-1"></div> 
<div id="tabs-2"></div> 
<div id="tabs-3"></div> 
<div id="tabs-4"></div> 
<div id="tabs-5"></div> 

Answer 1

据我可以看到从您的代码，您已设法打开一个选项卡，当链接被点击。下面是当用户打开该选项卡，你怎么隐藏链接：

$(".tabbed").tabs({ 
    select: function(event, ui) { 
     var tabId = ui.panel.id.substring(5); 
     if (tabId == 5) { 
      $('#my-text-link').hide(); 
     } 
    }; 
}) 

希望这有助于