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

jvidinwx 于 2022-12-03 发布在 jQuery

关注(0)|答案(1)|浏览(113)

我目前有这个代码的问题和答案的常见问题列表。标题，问题和答案是可展开/可折叠的点击。
http://jsfiddle.net/7RbCZ/
然而，我需要的一个功能是能够在答案文本中链接到其他问题，以便页面跳转到并打开这个问题。
目前我已经写（第6行HTML）：

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

在问题1的答案中，并为问题3指定一个id（HTML第18行）：

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

这是行不通的，但希望证明我想达到的目标。
非常感谢你的帮助。
编辑：感谢marbor 3下面。回复：他们的解决方案，有没有人有什么想法，如何让页面跳到这个问题/答案？还有一个问题，如果链接的问题已经打开，那么触发器（点击）使它不可见。

jquery

来源：https://stackoverflow.com/questions/14873652/collapsible-faq-with-links-that-jump-to-and-expand-other-questions

1条答案

按热度按时间

lb3vh1jj1#

您可以捕获链接上的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

赞(0）回复(0）举报 2022-12-03

我来回答

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

1条答案

相关问题

热门标签

最新问答