показывая скрытый див с jQuery
Вопрос
Я хочу отобразить контент div с помощью jQuery, если нажата кнопка. Например,
<button id="b1">Show text</button>
Если кнопка нажата, покажите этот текст div.
<div id="text">hello world.</div>
Я попытался использовать функции jQuery «Fadein», «переключатель», «Слайкун». Однако у меня есть проблема, которая по умолчанию показывает содержание DIV. Я хочу, чтобы по умолчанию он скрывает контент и показывает только в том случае, если нажата кнопка. Как я могу это сделать? Я очень ценю вашу помощь с некоторым основным примером, если это возможно.
Решение
Определите правило CSS для этого div
:
div#text {
display: none;
}
Это гарантирует, что элемент скрыт с самого начала.
Пример: http://www.jsfiddle.net/gkfu4/5/
Другие советы
Установите атрибут стиля дисплея DIV на «Нет», либо встроенный, либо используя класс CSS.
<!-- inline -->
<div id="text" style="display:none">hello world.</div>
// css class
#text { display: none; }
Если вы хотите использовать переключение, см. JQUERY API. http://api.jquery.com/toggle/Или другой пример. http://jsbin.com/obumi3/