javascript - 使按钮显示和隐藏内容的问题

Question

我只是想根据我见过的一个例子想出一个按钮来隐藏内容。

HTML

<button id="button">Test</button><br/><br/>
<div id="panel">Test Panel</div>

jQuery

$(document).ready(function(){
    $("#button").toggle(function() {
        if $("#panel").css("display") == "none" {
            $("#panel").html("Show");
        } else {
            $("#panel").html("Hide");
        };
    });
});

CSS

#panel {display:none;}

任何帮助表示赞赏。谢谢！

Answer 1

不推荐使用切换.. 只需将单击事件附加到按钮并使用切换方法panel

$("#button").click(function() {
    $("#panel").toggle();
});

检查小提琴