使用jquery显示隐藏的div

如果按下按钮，我想用jquery显示div内容。比如说,

<button id="b1">Show text</button>

显示文本

如果按下按钮，则显示此文本div

<div id="text">hello world.</div>

你好，世界。

---

我尝试过使用jquery函数“fadein”、“toggle”、“slidedown”。。但是我有一个问题，默认情况下它显示div内容。我希望它在默认情况下隐藏内容，并仅在单击按钮时显示。我怎么能做到？如果可能的话，我将非常感谢您对一些基本示例的帮助。

将div的display style属性设置为“none”，可以是内联的，也可以使用CSS类

<!-- inline -->
<div id="text" style="display:none">hello world.</div>


// css class
#text { display: none; }

你好，世界。
//css类
#文本{显示：无；}

为该

div定义css规则：

div#text {
   display: none;
}

这将确保从一开始就隐藏该元素

示例：
如果要使用toggle，请参阅jQuery api。
或者另一个例子
 您的CSS使用的是一个
id
选择器，而不是类选择器。@Jacob-我的意图是提供两个如何使某些东西不可见的示例。第一个使用内联
style=“display:none
，第二个使用CSS类。我想我的答案还不够清楚。