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

jvidinwx  于 2022-12-03  发布在  jQuery
关注(0)|答案(1)|浏览(112)

我目前有这个代码的问题和答案的常见问题列表。标题,问题和答案是可展开/可折叠的点击。
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下面。回复:他们的解决方案,有没有人有什么想法,如何让页面跳到这个问题/答案?还有一个问题,如果链接的问题已经打开,那么触发器(点击)使它不可见。

lb3vh1jj

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

相关问题