Javascript 当单击另一项时折叠暴露项的JQuery

我必须接近，我尝试了不同的方法来实现我的目标，但都失败了。我确信有人指出了答案，我会给自己一巴掌。我的目标是有一个问答部分，当你点击它时会显示答案。我尝试了简单的slideToggle（）和隐藏子对象方法。我认为slideToggle（）最适合我的需要。因为Q&A是数据驱动的，所以我使用的是类而不是ID。考虑到我的问题的性质，我认为看到我失败的jsfiddles会显示出尝试了什么，并且会更有帮助

用儿童的方法我试过了

HTML很简单。这是一块

<ul id="questionsContainer">
    <li>
        <div><a href="#" class="showanswer">Where can I find an installation document?</a>

        </div>
    </li>
    <div class="answer">
         <h4>Answer</h4>

        <ul>
            <li>Login</li>
            <li>Go to download</li>
            <li>Installs and Updates</li>
            <li>Click on download.</li>
        </ul>
    </div>
    <br />

答复

登录
去下载
安装和更新
点击下载

在这一点上，我注释掉了隐藏答案类，因为我想让它对我的调试变得简单。 我还尝试了一种不同的方法，根据它可以显示我希望做什么，我希望我的代码也能这样做。我尝试这样做是在相同的jsfiddle.net链接上，但版本为8。应该注意的是，HTML的结构正好适合第一个项目，我一直在玩代码，看看其他项目会发生什么。我的想法是，如果它在第一个项目上工作，我可以改变其他项目的结构。我希望这是坚实的思想

除了JQuery帮助之外，我还有一个问题要问这里的每个人。是否可以像从外部页面链接到接收页面的某个部分一样，链接到某个部分并启动该链接的slideToggle（）事件。换句话说，如果有人想要查看问题和答案，并且他们来自外部页面，那么该链接将打开以显示答案？从我在JQuery上学到的东西来看，我相信答案是否定的（这会是另一次自我诱导的兴奋剂打击吗？）

谢谢你考虑帮助我

试试这个：

$(".showanswer").click(function () { // write .showanswer instead of showanswer
    $(this).closest("li").next(".answer").slideToggle();
    return false;
});

最接近（）

遍历DOM树

---

您是否考虑过使用jQuery UI，它已经实现了一个手风琴。请为您的问题提供一个更具描述性的标题。谢谢Hiral的回答。这正是我想要的。j08691感谢您对更具描述性标题的建议。我会的。

$(".showanswer").click(function () { // write .showanswer instead of showanswer
    $(this).closest("li").next(".answer").slideToggle();
    return false;
});