Как получить доступ к панели внутри табуляции для jquery?

Question

У меня есть панель внутри вкладки tabcontainer.Я хочу скрыть это при загрузке страницы и показать, когда я выбираю 1 из списка радиокнопок.Я новичок в JQuery.Пожалуйста, помогите

Answer 1

Вы должны найти HTML-элемент панели вкладок (используйте исходный код HTML-страницы).Получить объект DOM с помощью селектора jquery и скрыть его.О селекторах можно прочитать здесь http://api.jquery.com/category/selectors/

Ваш элемент управления tab является элементарным контейнером div.Он должен иметь атрибут class или id .

Для примера.В результате элемент управления вкладкой html будет выглядеть примерно так:

   <div class="tab-ctrl">
      <div class="tab-panel">
          // first panel
      </div>
      <div class="tab-panel">
          // second panel
      </div>
   </div>

Например, попробуйте скрыть первую панель

  $(".tab-ctrl .tab-panel:first").hide();

или

  $(".tab-ctrl .tab-panel:first").css("display", "none");

Возможно, ваш элемент управленияAPI-функция, которая может это сделать.Попробуйте прочитать документацию плагина

Answer 2

Ну, это зависит от того, как вы создадите свой элемент управления вкладками.

Если у вас есть статический элемент управления табуляции (версия html), вы можете добавить атрибут ID на панель, которую хотите скрыть.

При загрузке страницы скрыть это:

$(function(){
    $("#id_of_panel").hide();
});

Когда вы нажимаете переключатель, вызывайте метод .show ().

Пожалуйста, дайте мне знать, если это было достаточно ясно.

---

Изменить: В случае загрузки ajax попробуйте что-то вроде этого:

$( "#tabs" ).tabs({ 
    ajaxOptions: {
        success: function(){
            $("#id_of_panel").hide();
        } 
    }
});

Рабочий пример: http://jsfiddle.net/wCzqt/1/