IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Collapsible Panel Bootstrap


Sujet :

JavaScript

  1. #1
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Octobre 2014
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 28
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Octobre 2014
    Messages : 8
    Par défaut Collapsible Panel Bootstrap
    Bonjour, je m'excuse par avance si je me suis trompé de section pour poster ce message, je ne savais pas vraiment dans quelle catégorie le mettre.

    Donc je suis en train de développer mon site internet et j'utilise ce code http://bootsnipp.com/snippets/xp5oB

    Cependant j'aimerai que dans cet exemple le "Panel 1" sois fermé dès l'arrivé sur la page et non ouvert.

    Merci pour votre aide

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    modifie ton code HTML comme suit
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <div class="panel panel-primary">
       <div class="panel-heading ">
          <h3 class="panel-title">Panel 1</h3>
          <span class="pull-right clickable panel-collapsed"><i class="glyphicon glyphicon-chevron-down"></i></span>
       </div>
       <div class="panel-body" style="display:none">Panel content</div>
    </div>
    ou ajoute à ton code la fermeture au chargement
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('.panel-heading span.clickable').trigger('click');

Discussions similaires

  1. bibliothèque(gratuit) offrant un collapsible panel
    Par mahdi26_ca dans le forum Silverlight
    Réponses: 3
    Dernier message: 01/04/2011, 22h59
  2. Taille panel collapsible
    Par abraxis dans le forum Ext JS / Sencha
    Réponses: 10
    Dernier message: 23/11/2010, 12h50
  3. Panel ou groupbox collapsible ou rétractable
    Par Chacha35 dans le forum Windows Forms
    Réponses: 5
    Dernier message: 28/10/2009, 15h28
  4. [AjaxToolkit]Collapsible Panel Extender
    Par Dude1205 dans le forum ASP.NET
    Réponses: 0
    Dernier message: 28/08/2007, 15h04

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo