javascript - jQuery Div 动画 - 显示带 URL

Question

我使用以下脚本(我包含了 jQuery 库)显示和隐藏(带有动画)

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function ShowHide(){
$("#info").animate({"height": "toggle"}, { duration: 1000 });
}
//]]>
</script>

我激活显示/隐藏 <input type="reset" name="reset" value="Hide Message"onclick="ShowHide(); return false;" />或类似的(对于文本链接，我做 href="#" onclick="ShowHide(); return false;" 。

所有这些都很好，但我想知道如何制作它，以便我可以使用 URL 显示一个 div。我的意思是我希望能够让用户访问 example.com/?show=test(或类似网站)并显示名为“test”的 div。

它真的不必使用与上面相同的脚本。我主要想用它来显示一条感谢您填写反馈表的消息显示在主页上的一个小框中。

在此先感谢您的帮助。 (如果它令人困惑，我可以澄清任何事情)

Answer 1

您始终可以从查询字符串中解析出 div 的 ID，或者更简单地使用哈希代替，即 example.com#test。然后你可以这样做:

$(document).ready(function() {
    var whichDiv = location.hash.split('#')[1];
    $('#' + whichDiv).show();
});

您始终可以直接在 location.hash 上调用 show，因为原始值无论如何都以“#”字符开头:

$(document).ready(function() {
    var whichDiv = location.hash;
    $(whichDiv).show();
});

如果您真的需要解析出show参数:

$(document).ready(function() {
    var whichDiv = $.url.param("show");
    $(whichDiv).show();
});

上面的例子使用了this tiny jQuery URL plugin .