使用 Jquery 更改按钮单击时的显示属性

Question

我正在尝试加载一个隐藏了一些 div 的页面，看起来像这样：

<input type="button" id="btnStats" values="Stats"/>
<div id="dvStats" style="display:none">Stats</div>
<div id="dvAlbums" style="display:none">Albums</div>

现在 div 只有文本，因为我无法让它们工作。我有一个 JS，它将 dvStats 显示分配给 btnStats 上的单击事件。

$("#btnStats").click($("#dvStats").style.display="block");

还尝试了一些我在搜索有关此问题的较旧问题时看到的方法。

$("#btnStats").click($("#dvStats").css(":display","block"));

我一直无法完成这项工作。也许我错过了什么。

Answer 1

使用 Jquery，您可以轻松完成上述任务。包括 Jquery 库，并使用以下代码：

$("#btnStats").on("click",function(){

    $("#dvStats").css("display","block")
    $("#dvAlbums").css("display","block")

});