Vous êtes ici :   Accueil » Blocs en accordéon
 
Prévisualiser...  Imprimer...  Imprimer la page...
Prévisualiser...  Imprimer...  Imprimer la section...
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 10163 fois

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