如果選擇某個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(); 
     } 
    }; 
}) 

希望這有助於