2011-08-04 32 views
0

我有一些jQuery的類似如下:jQuery的:哈希鏈接相對於元素的id打開

$(".show-quiz").click(function() { 
     $(".quiz-container").fadeIn("fast"); 
    }); 

和鏈接將是這樣的:

<a href="#quiz1" class="show-quiz">Show Quiz</a> 

,並在頁面上我將有一個div像:

<div id="quiz1" class="quiz-container"></div> 

我想要做的就是修改jQuery的,這樣一類的show-quiz任何鏈接顯示元素W ith與匹配鏈接href散列的id。

我該怎麼做?

感謝

回答

1

試試這個:

$(".show-quiz").click(function (e) { 
    e.preventDefault(); 
    $($(this).attr('href')).fadeIn("fast"); 
}); 

Here is a demo

+0

如何停止的散列被添加到地址欄?謝謝 – Cameron

+0

@Cameron:編輯代碼來解決這兩個問題。 :) – Shef

+1

擊敗了我:)擴展的例子,我正在... http://jsfiddle.net/NdbRT/1/ –