のjQuery：要素ID

Question

にオープンハッシュリンク相対的な私は、次のようないくつかのjQueryを持っている：

$(".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> 

私は何をしたいことはshow-quizのクラスを持つ任意のリンクは要素ワットを示しているようにjQueryを変更していますiはリンクhrefハッシュと一致するIDです。

どうすればよいですか？

おかげ

Answer 1

これを試してみてください：アドレスバーに追加さ

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

Here is a demo