Twitter Bootstrap - Ouvrir et fermer le div

Je suis nouveau sur Twitter Bootstrap cadre. Je voudrais ouvrir et fermer un div à partir d'un bouton. Comment faire?

Merci
Uli

N'a absolument rien à voir avec Bootstrap.
Il y a beaucoup de construit dans les composants et je pensais j'ai oublié celui-ci.

OriginalL'auteur Uli | 2012-11-07

  1. 10

    C'est abordée explicitement dans le bootstrap docs.

    Il n'y a pas de JS nécessaires (autres que le bootstrap JS.) Tout se fait via attributs de données.

    <button type="button" class="btn btn-danger" data-toggle="collapse" data-target="#demo">
  simple collapsible
</button>

<div id="demo" class="collapse in"> collapse </div>​

    Voici une démo: http://jsfiddle.net/3UubF/

    Fantastique!!!! Merci
    Désolé, c'est encore moi. Est-il un moyen pour faire défiler la div également dans la vue? (En haut de la page)
    essayez de mettre href="#demo" (ou quel que soit l'id que vous avez utilisé) sur le bouton.
    Toujours pas de sauter vers le haut. Mon bouton: <button type="button" href="#contact" class="btn btn-default btn-medium" data-toggle="collapse" data-target="#contact">Contact</button> quelque Chose de mal avec elle?
    Pouvez-vous faire un jsfiddle qui ressemble à votre page?

    OriginalL'auteur glomad

  2. 0

    Voulez-vous dire d'afficher et de masquer? Si oui, j'aimerais utiliser jQuery. C'est Bootstrap js cadre de choix. Je ferais quelque chose comme ça...

    <a class="btn" id="togglemydiv">My Button</a>

$('#togglemydiv').on('click', function()   { $('#targetdiv').toggleClass('hide'); });

    OriginalL'auteur Ed Grosvenor