2013-02-14 69 views
1

我目前擁有常見問題和答案列表的代碼。標題,問題和答案可通過點擊進行擴展/摺疊。可摺疊的常見問題解答跳轉到並擴展其他問題的鏈接

http://jsfiddle.net/7RbCZ/

然而,一個功能,我需要的是能夠,答覆文件,鏈接到的其他問題中,使得頁面跳轉到並打開了這個問題。

目前,我已經寫了(第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:他們的解決方案,有沒有人有關於如何讓頁面跳轉到這個問題/答案的任何想法?還有一個問題,如果鏈接的問題已經打開,那麼觸發器(單擊)使其不可見。

回答

0

你能趕上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'); 
}); 

您需要檢查,如果父母是可見也,以顯示它,如果它不是。

這是一個起點,肯定需要一些修改,如在顯示父母后顯示問題。

Here's fiddle

+0

感謝您的幫助! (我會投票,但沒有足夠的聲望點)有沒有人有任何想法如何讓頁面跳轉到這個問題/答案?還有一個問題,如果問題鏈接已經打開然後點擊使其不可見。我會繼續尋找。 – Sarah 2013-02-15 08:45:47