Question

我目前有一个问题和答案常见问题列表的代码。标题，问题和答案可以通过点击进行扩展/折叠。

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

目前我已经写过（第6行HTML）：

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

在问题1的答案中，给出问题3的id（第18行HTML）：

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

这不起作用，但希望能够证明我想要实现的目标。

非常感谢您的帮助。

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

Answer 1

您可以在链接上抓取click event，在trigger click event

中的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');
});

您还需要检查父母是否也可见，如果不可见则显示父母。

这是一个起点，肯定需要一些修改，比如在显示父母之后显示问题。

此处fiddle

可折叠的常见问题解答，包含可以跳转到其他问题的链接

1 个答案: