javascript - jquery 动态隐藏选项卡

Question

试图隐藏 Accordion 内的选项卡，我正在尝试使用 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();

但是我意识到我不能使用 ids，因为每个页面有很多选项卡都具有唯一的 id，所以我需要通过内部 html 或类似的东西进行选择，只是不知道如何选择？谢谢

Answer 1

也许是这样的:

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