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();
});

<强> Check Fiddle

使按钮显示和隐藏内容时出现问题

1 个答案: