показать / скрыть ссылку, если выбрана определенная вкладка jquery ui - PullRequest
Новая
       17

показать / скрыть ссылку, если выбрана определенная вкладка jquery ui

0 голосов
/ 10 мая 2010

Когда нажата # 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>

1 Ответ

1 голос
/ 10 мая 2010

Насколько я вижу из вашего кода, вам уже удалось открыть вкладку при нажатии на ссылку. Вот как скрыть ссылку, когда пользователь открывает вкладку: 

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

Надеюсь, это поможет

...