与jQuery一起显示隐藏的div

Question

如果按下按钮，我想用jQuery显示DIV内容。例如，

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

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

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

我尝试使用jQuery函数“ fadein”，“ toggle”，“ sliddown” ..但是我有一个问题，默认情况下它显示了DIV内容。我默认情况下它会隐藏内容，并且仅在单击按钮时显示。我该怎么做？如果可能的话，我将非常感谢您的帮助。

Answer 1

为此定义CSS规则 div:

div#text {
   display: none;
}

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

例子： http://www.jsfiddle.net/gkfu4/5/

Answer 2

将DIV的显示样式属性设置为“无”或使用CSS类。

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


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

Answer 3

如果要使用切换，请参见jQuery API。 http://api.jquery.com/toggle/或另一个示例。 http://jsbin.com/obumi3/