Складной FAQ с ссылками, которые переходят и расширяют другие вопросы

Question

В настоящее время у меня есть этот код для списка часто задаваемых вопросов и ответов. Заголовки, вопросы и ответы можно развернуть / развернуть при нажатии.

http://jsfiddle.net/7RbCZ/

Однако, одна функция, которая мне нужна, - это возможность в тексте ответа связываться с другими вопросами, чтобы страница переходила к этому вопросу и открывала его.

В настоящее время я написал (строка 6 HTML):

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

в ответе на вопрос 1 и заданному идентификатору вопроса 3 (строка 18 HTML):

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

Это не работает, но, надеюсь, демонстрирует, чего я хочу достичь.

Большое спасибо за любую помощь.

Изменить: благодаря marbor3 ниже. Re: их решение, есть ли у кого-нибудь идеи о том, как заставить страницу перейти к этому вопросу / ответу? Также есть проблема, что если вопрос, связанный с уже открыт, то триггер (щелчок) делает его невидимым.

Answer 1

Вы можете поймать click event по ссылке и trigger click event в элементе, идентификатор которого находится в href

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

Вам нужно будет проверить, виден ли родитель, и показать его, если нет.

Это отправная точка, конечно, нужно внести некоторые изменения, такие как показ вопроса после показа родителя.

Вот скрипка