Javascript jquery选项卡显示：无隐藏所有内部div

我有一些查询选项卡，它们工作得很好。唯一的问题是它们内部的任何div也被隐藏在显示中：nonecss

当然，我希望它选择的只是选项卡容器，而不是内容，否则我必须手动将display:inherit/box或其他任何内容添加到选项卡内的每个div中才能显示出来

这是jquery

$(document).ready(function(){
$('#tabs div').hide();
$('#tabs div:first').show();
$('#tabs ul li:first').addClass('active');

$('#tabs ul li a').click(function(){
$('#tabs ul li').removeClass('active');
$(this).parent().addClass('active');
var currentTab = $(this).attr('href');
$('#tabs div').hide();
$(currentTab).show();
return false;
});
});

这里是HTML

<div id="tabs">
   <ul>
     <li><a href="#tab-1">Overview</a></li>
     <li><a href="#tab-2">Facilities</a></li>
     <li><a href="#tab-3">Reviews</a></li>
     <li><a href="#tab-4">Images</a></li>
   </ul>
   <div id="tab-1">
     <h5>Overview</h5>
          <div id= table"></div>
   </div>
   <div id="tab-2">
     <h5>Facilities</h5>
    </div>

概述
我会在你的脚本中更改一些选择器。特别是包含
#tabs div
的选项卡，例如：

$('#tabs div').hide();

$('#tabs div:first').show();

还有这个：

$('#tabs div').hide();

$('#tabs div:first').show();

这里的选择器以#tabs中的所有子div为目标，但您实际上可能只需要#tabs的直接后代。要将目标设置为，请使用
：

$('#tabs > div').hide();

及

这很有效！非常感谢：）你知道有什么方法可以将锚添加到选项卡中吗？正如我在问题中提到的。你可以加载一个页面并跳转到一个特定的标签页，这让我非常恼火。