Jquery 仅在单击按钮时显示div

如何在单击按钮时显示div，否则将其隐藏

我已经按下了显示按钮：

<script>
 $("#show").click(function(){
        $("#content").show();
    });
});
</script>

<div class="content">Content of div</p>

<button id="show">show</button>

$（“#显示”）。单击（函数（）{
$（“#内容”）.show（）；
});
});
div的内容

显示

您可以为类似div的可见性添加可见性属性：“hidden”

我建议您使用

toogle（）

而不是

show（）

和

hide（）

并将代码放入

ready（）

如果不想从一开始就显示，请使用

显示：无

或

可见性：隐藏属性



$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“div”）.toggle（）；
});
});
这是一个div。
在隐藏（）和显示（）之间切换
但div不应可见。然后才单击按钮。当您使用id选择器时，您的div有类内容，并且您当前的脚本有语法错误，Endo处有额外的括号，谢谢！但是当点击按钮时，div应该是可见的。不是直接在页面的连接处。我想我需要一个js事件来调用我的页面。@Tim我认为这不是必需的，一个小小的
CSS
调整就足够了