Javascript 如何显示：无链接或包含特定字符串的链接？

我要再给这个问题一次机会。感谢所有在提问时提供建议的人

以下是my JSFIDLE链接：

以及html的一个示例：

<div class= "category-tree">
<section class="category mainCat">
    <h2><a href="#">Documentation</a></h2>
</section>
<section class="category">
    <h2><a href="#">General</a></h2>
    <section class="section">
        <h3><a href="#">General</a></h3>
        <ul class="article-list">
            <li><a href="#">Reset or Reactivate</a></li>
            <li><a href="#">Create an account</a></li>
        </ul>
    </section>
</section
</div>

正如您所看到的，当您单击一个类别时，部分会弹出。单击某个部分时，将弹出文章列表

---

当类别下的h2与部分下的h3具有相同的精确文本时，我想隐藏h3并立即显示文章列表。这样，用户就不必再重复单击两次来查看链接上的文章列表，这些链接上的内容完全相同。我在JS的底部包含了一个可能的答案，这似乎和我描述的不完全一样。感谢大家的帮助

如果您只想查看h2和下一个h3标记的文本，您可以在单击事件中执行以下操作：

if($(this).next().find('h3 a').text() == $(this).text()) 
{
    $(this).next().find('h3').toggle();
}

---

您通常希望将问题归结为最简单的错误或困难再现，而不是简单地复制和粘贴代码。如果有人第一次看你，你这里的东西有点难看。同意。你只需要一个很小的JSFIDLE，里面只有基本的代码来重新创建上下文，我想你不会想通过字符串来实现。我打赌数据属性在这里会很好，但我们需要比这段代码更多的东西来处理。这段代码甚至没有以可读的方式格式化，CSS中有一些选择器不在HTML中，并且.category tree不在HTML中+您的HREF不重要。这里有一个JSFIDLE供您作为一个更干净的起点使用：感谢提示和JSFIDLE sheriffderek。我已经包含了一些我认为不需要的内容，主要是因为我想确保解决方案不涉及隐藏或破坏任何其他区域的功能。我很乐意根据需要继续编辑和简化。再次感谢您查看您的小提琴，$这是在引用a节点。您还需要在.onclick事件中调用上述函数。我已经把你的小提琴放在这里了：基本上，你必须看看父级h2或h3，然后找到下一个。i、 e.$this.parent.next.find'h3a'。文本