选项卡式描述 - 选项卡 3 和 4 不工作

Question

好的，我试图弄清楚但无法解决，我有一个选项卡式描述框，前两个选项卡正在工作，但是当我将信息添加到选项卡 3 和 4 时，它们不起作用。它们似乎只有在我一次只有两个选项卡工作时才有效，所以我可以有 1+3 或 1+4 或 2+4 等

真的需要你的帮助。

{{ product.description }}<div id="tab-1">
<span>This is working.</span></div>
<div id="tab-2">
<span>And so is this</span></div>
<div id="tab-3">NOT THIS</div>
<div id="tab-4">NOR THIS</div>

<!--product-template.liquid-Along with CSS--><div>
  <ul class="tabs">
    <li><a href="#tab-1">Description</a></li>
    <li><a href="#tab-2">Specs</a></li>
    <li><a href="#tab-3">Shipping</a></li>
    <li><a href="#tab-4">Returns</a></li>
  </ul>
  {{ product.description }}
</div>

/*theme.js*/$(theme.init);

 $(document).ready(function() {
    $('ul.tabs').each(function(){
      var active, content, links = $(this).find('a');
      active = links.first().addClass('active');
      content = $(active.attr('href'));
      links.not(':first').each(function () {
        $($(this).attr('href')).hide();
      });
      $(this).find('a').click(function(e){
        active.removeClass('active');
        content.hide();
        active = $(this);
        content = $($(this).attr('href'));
        active.addClass('active');
        content.show();
        return false;
      });
    });
  });

Answer 1

检查您的标签。重新检查了我的，我认为我放错了