jQuery:打开相对于元素id的哈希链接

时间:2011-08-04 09:35:42

标签: jquery

我有一些类似以下的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>

我想要做的是修改jQuery,以便任何具有show-quiz类的链接显示id与链接href哈希匹配的元素。

我该怎么做?

由于

1 个答案:

答案 0 :(得分:1)

试试这个:

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

Here is a demo