可折叠的常见问题解答，链接跳转到并扩展其他问题

Question

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

http://jsfiddle.net/7RbCZ/

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

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

(See <a href="#question-3">Question 3</a>)

在问题1的答案中，给问题3一个id（第18行超文本标记语言）：

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

这不起作用，但希望展示我想要实现的目标。

非常感谢你的帮助。

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

Answer 1

您可以捕获单击事件上的链接和触发单击事件中的元素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');
});

您需要检查父级是否可见，如果不可见，则显示它。

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

这是小提琴