montrant caché div avec jquery

Question

Je veux afficher un contenu div avec jquery si un bouton est pressé. Par exemple,

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

si le bouton est pressé montre alors ce div texte.

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

J'ai essayé d'utiliser les fonctions jquery « fadein », « bascule », « slideDown » .. mais j'ai un problème que par défaut il affiche le contenu div. Je veux que, par défaut, il se cache le contenu, et montre que si le bouton est cliqué. Comment puis-je faire ceci? Je vous remercie de votre aide très avec quelques exemples de base si possible.

Answer 1

Définir une règle de css pour que div:

div#text {
   display: none;
}

Cela garantira que l'élément est caché depuis le début.

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

Answer 2

Définir l'attribut de style d'affichage de div 'none', que ce soit en ligne ou en utilisant une classe CSS.

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


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

Answer 3

Si vous souhaitez utiliser bascule, voir le api jQuery. http://api.jquery.com/toggle/ Ou un autre exemple. http://jsbin.com/obumi3/