Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1619 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JQuery] Open Slide Menu

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[JQuery] Open Slide Menu

n°2087896
Alekusu2
Posté le 07-07-2011 à 14:46:28  profilanswer
 

Hello à tous,
 
Je débute en jquery, j'ai fait ce script là :
 

Code :
  1. <body style="color:#000;">
  2. <a class="ascenseur">Ouvrir</a>
  3. <div style="height: 50px; width: 50px; display:hidden;">LOL</div>
  4. </body>
  5. <script src="template/js/jquery.js"></script>
  6. <script type="text/javascript">
  7.  jQuery().ready(function(){
  8. $(".ascenseur" ).next("div" ).hide();
  9. $(".ascenseur" ).click(function(){
  10.  if($(this).next("div" ).is(":hidden" )){
  11.  $(".ascenseur" ).next("div:visible" ).slideUp("slow" );
  12.  $(this).next("div" ).slideDown("slow" );
  13.  } else {
  14.  $(this).next("div" ).slideUp("slow" );
  15.  }
  16. });
  17. });
  18. </script>


 
Le but est d'en faire un menu un peu comme celui de canalplus.fr
Où en gros, quand on clique sur un élément du menu, ça ouvre via effet slide un div, quand on reclique sur le même élément ça ferme la div, et quand c'est déjà ouvert et qu'on clique sur un autre élément, ça met un petit effet fade.
 
Il me faut donc resoudre plusieurs choses :
 
1/ Permettre d'avoir plusieurs éléments de menu avec plusieurs div, chacune ouvrante la bonne
2/ Mettre en place l'effet de fade si une div est déjà ouverte et qu'on en ouvre une autre
 
Si quelqu'un peut m'aider, merci beaucoup :jap:
 
(au pire, si vous avez juste le lien d'un script jquery d'un menu type canalplus.fr, je suis prenant aussi ;))


Message édité par Alekusu2 le 07-07-2011 à 14:49:52

---------------
Ils ne sont grands que parce que nous sommes à genoux. - Topic Kingdom
mood
Publicité
Posté le 07-07-2011 à 14:46:28  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [JQuery] Open Slide Menu

 

Sujets relatifs
Creation d'un menu dynamiqueCSS - Lien case menu déroulant
jQuery UI tab en conflit avec greyboxWordpress - Menu déroulant
Recherche solution intégration panier open source[jquery] datepicker : liste déroulante des années ne va pas assez loin
Menu deroulant javajquery allier caroussel et thickbox ou videobox
Problème avec menu sous Asp.Net2005Intégration balise php dans script jquery
Plus de sujets relatifs à : [JQuery] Open Slide Menu


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR