zeigt versteckte div mit jquery

Question

Ich mag einen div Inhalt mit jquery angezeigt werden, wenn eine Taste gedrückt wird. Zum Beispiel:

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

, wenn die Taste gedrückt wird dann diesen Text div zeigen.

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

Ich habe versucht, die jQuery-Funktionen „FadeIn“ zu verwenden, „Toggle“, „slidedown“ .. aber habe ich ein Problem, dass es zeigt den div Inhalt standardmäßig. Ich möchte, dass standardmäßig den Inhalt verbirgt, und zeigt nur, wenn die Schaltfläche geklickt wird. Wie kann ich das tun? Ich werde Ihre Hilfe mit einigen grundlegenden Beispiel, wenn möglich, sehr zu schätzen wissen.

Answer 1

Definieren Sie eine CSS-Regel für die div:

div#text {
   display: none;
}

Dadurch wird sichergestellt, dass das Element von Anfang verborgen ist.

Beispiel: http://www.jsfiddle.net/GkFu4/5/

Answer 2

Einstellen des Darstellungsart Attribut des div auf 'none', entweder inline oder eine CSS-Klasse.

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


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

Answer 3

Wenn Sie Toggle verwenden möchten, finden Sie in der jQuery api. http://api.jquery.com/toggle/ Oder ein anderes Beispiel. http://jsbin.com/obumi3/