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

Problems making a button show and hide content

本文关键字：问题 按钮 显示 隐藏      更新时间：2023-09-26

我刚刚试图根据我看到的一个有效的例子想出一个隐藏内容的按钮。

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

感谢您的帮助。非常感谢。

不赞成使用切换。。只需在按钮上附加一个点击事件，并使用panel 的切换方法

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

检查Fiddle

相关文章：