jQuery动态隐藏选项卡

Question

试图隐藏手风琴内的标签，我试图使用jQuery来做到这一点。 现在的html如下：

<dl class="tabs" data-tab>
    <dd class="active"><a href="#p1a">Study Sheets</a></dd>
    <dd><a href="#p1b">Study Sheets Answer Keys</a></dd>
    <dd><a href="#p1c">Graded Assignments</a></dd>
    <dd><a href="#p1d">Graded Assignment Answer Keys</a></dd>
</dl>
<div class="tabs-content">
    <div class="content active" id="p1a">
        <ul class="ss">
            <li><a ...ect
        </ul>
    </div>
    <div class="content" id="p1b">
        <ul class="ssa">
            <li><a ....ect
        </ul>
    </div>
</div>       
</div>  
</dd>
</dl>

如何使用jQuery选择学习表答案键和分级作业答案键的dl dd选项卡？

我在想类似的东西：

$(".tabs dd#p1b").hide();

但是我意识到我不能使用ID，因为每页有很多带有唯一ID的标签，因此我需要通过内部html或类似的内容进行选择，只是不确定如何？ 谢谢

Answer 1

也许是这样的：

$(".tabs dd").not(".active").hide();

Answer 2

您是否尝试过使用引导程序？ http://getbootstrap.com/javascript/#tabs我相信这是您想要的外观。 集成到您的网站非常简单。