jquery - 用 jquery 显示隐藏的 div

Question

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

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

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

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

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

score 3 · Accepted Answer

将 div 的显示样式属性设置为“无”，可以是内联的，也可以使用 CSS 类。

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


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

score 2 · Accepted Answer

为此定义一个CSS规则div：

div#text {
   display: none;
}

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

score 1 · Accepted Answer

如果您想使用切换，请参阅 jQuery api。http://api.jquery.com/toggle/ 或者另一个例子。http://jsbin.com/obumi3/

3 回答 3