показ скрытого div с помощью jquery

Question

Я хочу отображать содержимое div с помощью jquery, если нажата кнопка.Например,

<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; }

Answer 2

Определить правило CSS для этого div:

div#text {
   display: none;
}

Это гарантирует, что элемент скрыт с самого начала.

Пример: http://www.jsfiddle.net/GkFu4/5/

Answer 3

Если вы хотите использовать переключатель, см. API jQuery.http://api.jquery.com/toggle/ Или другой пример.http://jsbin.com/obumi3/