jquery - 用jquery显示隐藏的div

Question

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

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

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

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

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

Answer 1

将 div 的显示样式属性设置为“none”(内联或使用 CSS 类)。

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


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