Javascript 可折叠的常见问题解答，带有跳转到和展开其他问题的链接

我现在有一个FAQ问题和答案列表的代码。标题、问题和答案可在单击时展开/折叠

然而，我需要的一个功能是能够在回答文本中链接到其他问题，以便页面跳转到并打开这个问题

目前我写了（第6行HTML）：

（参见）

在对问题1的回答中，给问题3一个id（第18行HTML）：

问题3？ 这不起作用，但希望能证明我想要实现的目标

非常感谢你的帮助

---

编辑：感谢下面的marbor3。Re：他们的解决方案，有没有人对如何让页面跳转到这个问题/答案有任何想法？还有一个问题是，如果链接到的问题已打开，则触发器（单击）将使其不可见。

您可以在链接上捕获

单击事件

，并在id位于

href

中的元素中捕获

触发单击事件

$(".triggerNextQuestion").click(function(event) {
    event.preventDefault();
    var question = $($(this).attr('href'));
    if(!question.parent().is(':visible')) {
        question.parent().trigger('click');
    } 
    question.trigger('click');
});

您需要检查父对象是否也可见，如果不可见，则显示它

这是一个起点，当然需要一些修改，比如在显示父对象后在中显示问题

这是

谢谢你的帮助！（我会投赞成票，但还没有足够的声望点数）有人知道如何让页面跳转到这个问题/答案吗？还有一个问题是，如果链接到的问题已打开，则单击会使其不可见。我会继续找的。

<li class="list-level-2" id="question-3">Question 3?

$(".triggerNextQuestion").click(function(event) {
    event.preventDefault();
    var question = $($(this).attr('href'));
    if(!question.parent().is(':visible')) {
        question.parent().trigger('click');
    } 
    question.trigger('click');
});