Скрыть или удалить вкладку JQuery UI в зависимости от условия

Question

Скрыть или удалить вкладку JQuery UI в зависимости от условия

0

Html:

<div id="tabs">
  <ul>
    <li><a href="#tabs-1">Tab1</a></li>
    <li><a href="#tabs-2">Tab2</a></li>
    <li><a href="#tabs-3">Tab3</a></li>
  </ul>
  <div id="tabs-1">
    Tab1 Contain
  </div>
  <div id="tabs-2">
   Tab2 Contain
  </div>
  <div id="tabs-3">
   tab3 contain
  </div>
</div>

Что я пытаюсь использовать js:

var id="A"; 
$( "#tabs" ).tabs();
if(id==="A")
{
     $( "#tabs-2" ).tabs( "option", "hide", { effect: "explode", duration: 1000 } );
    //$('#ui-id-2').hide();

}

Пример скрипта.

Я хочу скрыть или удалить конкретную вкладку, если условие выполнено. Спасибо.

Shree 02 окт. 2013, в 11:08

Источник

Теги:

jquery

jquery-ui

tabs

1 ответ

Ещё вопросы

Arun P Johny · Answer 1 · 2013-10-02T07-36-00.000Z

Пытаться

var id = "A";
$("#tabs").tabs();
if (id === "A") {
    $('#tabs > ul li:has(a[href="#tabs-1"])').hide()
    $("#tabs").tabs('refresh');
    $("#tabs").tabs('option', 'active', 1);
}

Демо: скрипка