javascript - 显示/隐藏 jQuery

Question

对 JavaScript 没有太多经验，希望各位专家能够提供帮助。

          <div id="themes">
          <h2>Research Themes</h2>
            <ul>
              <li><a href="">Learn about our approach to the <strong>environment</strong></a><span><a href="#">Expand</a></span></li>
                <ul class="tier_2 hide">
                  <li><a href="">Project name numero uno goes here</a></li> 
                  <li><a href="">Project name numero dos goes here</a></li>
                  <li><a href="">Project name numero tres goes here</a></li>
                </ul>
              <li><a href="">Learn about our approach to <strong>human health</strong></a><span><a href="#">Expand</a></span></li>
                <ul class="tier_2 hide">
                  <li><a href="">Project name numero uno goes here</a></li> 
                  <li><a href="">Project name numero dos goes here</a></li>
                  <li><a href="">Project name numero tres goes here</a></li>
                </ul>
              <li class="last"><a href="">Learn about our approach to <strong>national defense</strong></a><span><a href="#">Expand</a></span></li>
                <ul class="tier_2 hide">
                  <li><a href="">Project name numero uno goes here</a></li> 
                  <li><a href="">Project name numero dos goes here</a></li>
                  <li><a href="">Project name numero tres goes here</a></li>
                </ul>
            </ul>
          </div><!-- // end themes -->

这是我的标记。正如您所看到的，在每个第一层 li 下都有 ul，其类为 tier_2 和 hide。我一直在尝试创建一些简单的 jQuery，单击后将从其子 ul 中删除 hide 类，但同时检查是否未显示其他具有 tier_2 类的 ul(也称为其他具有 hide 类)。这应该可以防止访问者一次展开太多项目，从而使布局看起来很时髦。

只是不确定如何实现这一点，有什么想法吗？

Answer 1

我认为你不需要隐藏类。您可以使用 show()和 hide() JQuery 函数，或 toggle() .

如果我错了，并且您确实需要隐藏类，则可以使用 addClass()和 removeClass()功能。