选项卡式说明-选项卡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

检查你的标签。重新检查了我的，我想我把一个