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

你尝试过使用bootstrap吗？ http://getbootstrap.com/javascript/#tabs 我相信这就是你想要的样子。集成到您的网站非常简单。

jquery到.hide动态标签

2 个答案: