jquery动态地隐藏选项卡

jquery to .hide tabs dynamically

本文关键字：选项 隐藏 动态 jquery      更新时间：2023-09-26

试图隐藏手风琴中的选项卡，我正在尝试使用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 或类似的东西进行选择，只是不确定如何？谢谢

也许是这样的：

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

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

相关文章：