與標籤菜單

Question

第二導航我這裏有一個的jsfiddle - http://jsfiddle.net/s8sq38y8/2/

它的自舉標籤，其顯示每個標籤和標籤下一個三角形，以顯示選擇哪個選項卡下的內容菜單。

我需要控制從另一個導航（第二個導航將在頁面上的不同位置）的選項卡式菜單正在工作，但我也需要在單擊第二個導航時將三角形移動到正確的選項卡。當使用第二個導航時，如何將三角形放置在紅色菜單上的正確選項卡下。

Second Nav 
    <nav> 
     <ul class="top-nav" > 
        <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> 
        <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> 
        <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> 
    </nav> 

Answer 1

我可能不會讓引導選項卡的JavaScript由您的頂部導航點擊觸發。這感覺是錯誤的。這可以通過刪除data-toggle屬性輕鬆完成。然後，我會添加幾行js，將頂部導航中的點擊委託給選項卡導航中的匹配鏈接。事情是這樣的：

$('.top-nav a').on('click', function(e) { 
    var ariaControls = $(this).attr('aria-controls'); 
    $('.blocks').find('[aria-controls="' + ariaControls + '"]').click(); 
}) 

正如你可以看到，現在的三角形如下很好，因爲這只是模仿實際標籤上點擊。 http://jsfiddle.net/s8sq38y8/4/