JQuery вкладки без оболочки / контейнера

Question

Мне нужно добавить это в систему управления контентом, где в каждом окне редактора есть символ.предел 4000. Я не могу поместить весь свой div содержимого внутри, мне нужно поместить каждый div содержимого вкладки в отдельное окно редактора.Вот почему мне нужно избавиться от div-оболочки.

У меня есть следующий скрипт-вкладка С «вкладками» div-оболочки:

<div class="tabs">
  <ul class="nav">
    <li><a href="#t1">one</a></li>
    <li><a href="#t2">two</a></li>
    <li><a href="#t3">three</a></li>
  </ul>

  <div id="t1">a lot of content</div>
  <div id="t2">a lot of content</div>
  <div id="t3">a lot of content</div>
</div>

jQuery code:

$(function () {
    var tabContainers = $('div.tabs > div');

    $('div.tabs ul.nav a').click(function () {
    tabContainers.hide().filter(this.hash).show();

    $('div.tabs ul.nav a').removeClass('selected');
    $(this).addClass('selected');

    return false;
    }).filter(':first').click();
});

---

Моя идея состояла в том, чтобы добавить общий класс "series1" к каждому моему контенту, чтобы заархивировать тот же эффект, но он не работает: (я нук-нуб)

  <ul class="nav">
    <li><a href="#t1">one</a></li>
    <li><a href="#t2">two</a></li>
    <li><a href="#t3">three</a></li>
  </ul>

  <div id="t1" class="series1">content</div>
  <div id="t2" class="series1">content</div>
  <div id="t3" class="series1">content</div>

---

$(function () {
    var tabContainers = $('div.series1');

    $('ul.nav a').click(function () {
    tabContainers.hide().filter(this.hash).show();

    $('ul.nav a').removeClass('selected');
    $(this).addClass('selected');

    return false;
    }).filter(':first').click();
});

Неважно, если мне придется вручную упоминать индивидуальный идентификатор / имя класса в jQuery, кто-то может помочь мне сделать эту работу?

Большое спасибо !!

Answer 1

Этот тип функциональности довольно легко реализовать в jQuery без .tabs(), взгляните на эту скрипку , чтобы узнать некоторые идеи.