En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
Vous êtes ici :   Accueil » Blocs en accordéon
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...

Blocs en accordéon

rss Cet article est disponible en format standard RSS pour publication sur votre site web :
https://ghc.freeguppy.org/data/fr-articles.xml

Cliquez sur les blocs

Les blocs peuvent contenir texte et images.

La mise en place nécessite la recopie d'un script de lancement.

Voir la source de cet article :

<script type="text/javascript">
        $(document).ready( function() {
            $("#gyaccordion").hoverAccordion({
                keepHeight: false,
                activateItem: 1,
                onClickOnly: true,
                speed: 400
            });
            $("#gyaccordion").children("li:first").addClass("firstitem");
            $("#gyaccordion").children("li:last").addClass("lastitem");
        });
    </script>
<div style="width:400px;margin:auto;">
<ul id="gyaccordion" style="width:180px; margin:auto;">
    <li><a href="#">Bloc 1</a>
    <ul>
        <li>
        <div style="padding:6px;">Contenu 1</div>
        </li>
    </ul>
    </li>
    <li><a href="#">Bloc 2</a>
    <ul>
        <li>
        <div style="padding:6px;">Contenu 2</div>
        </li>
    </ul>
    </li>
    <li><a href="#">Bloc 3</a>
    <ul>
        <li>
        <div style="padding:6px;">Contenu 3</div>
        </li>
    </ul>
    </li>
    <li><a href="#">Bloc 4</a>
    <ul>
        <li>
        <div style="padding:6px;">Contenu 4</div>
        </li>
    </ul>
    </li>
</ul>
</div>

<div style="margin:8px;">Les blocs peuvent contenir texte et images.<br />
<br />


Date de création : 07/02/2014 @ 08:07
Catégorie : - Docs et Tutoriels
Page lue 15292 fois

Vous êtes ici :   Accueil » Blocs en accordéon