Skeletor Logo

Jquery Muzika v 1.0,

Un accordeon Jquery responsive ...

Jquery Muzika v 1.0, est un accordeon Jquery responsive original. Le contenu est afficher normalement (sans effet d'accordeon ni bouton) au dessus d'une taille prédeterminée. En dessous de cette taille, le contenu est masqué et un bouton est mis à disposition de l'utilisateur pour déployer le contenu. ...

La partie accordeon de jquerymuzika a été fortement inspiré du travail de Ryan Stemkoski - Zipline Interactive gozipline.com

Explication

Regarder le contenu ci-dessous lorsque vous redimensionnez la fenêtre de votre navigateur :

Bouton acccordeon

Contenu accordeon :

htm,vidéos et médias,images, ... Si la taille de l'écran est supérieure à 751 px le contenu est déployé et le bouton de l'accordéon est masqué. Si la taille de l'écran est inférieure à 768 px le bouton d'ouverture de l'accordeon apparait et le contenu est masqué ....

Code

Insérez jquery (voir ici : https://.www.jquery.com)

<script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>

Insérez le fichier "accordeon.js"

<script type="text/javascript" src="js/accordeon.js"></script>

Insérez le fichier "accordeon.css"

<link href="styles.css" rel="stylesheet" type="text/css" />

Activer le plugin

Pour activer le plugin, il suffit simplement d'ajouter :

<div class="accordionButton">Mon bouton</div>
<div class="accordionContent">Mon contenu</div>

FAQ

Compatibilité ?

Ipad, Iphone, Androïd smartphones, Windows phones (Firefox,Ie,Safari,Chrome,Opéra)

Nombre d'occurences par pages ?

pas de limites, il peut y avoir autant d'accordéons que vous le souhaiter sur une même page.

Téléchargement

Version 1.0 cliquez ici

Copyright, Licences & ressources

Fonts : fontface depuis http://.www.fontsquirrel.com
resset.css : depuis http://meyerweb.com
Jquery : depuis https://.www.jquery.com
html5.js : depuis https://code.google.com/html5shiv

© inca 2002-2014 | Powered by skeletor | Pulsed by ovh