показывая скрытый див с jQuery

Question

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

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

Если кнопка нажата, покажите этот текст div.

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

Я попытался использовать функции jQuery «Fadein», «переключатель», «Слайкун». Однако у меня есть проблема, которая по умолчанию показывает содержание 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/