[JQuery] Open Slide Menu

Open Slide Menu [JQuery] - HTML/CSS - Programmation

Marsh Posté le 07-07-2011 à 14:46:28    

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>
  7. <script src="template/js/jquery.js"></script>
  9. <script type="text/javascript">
  10.  jQuery().ready(function(){
  11. $(".ascenseur" ).next("div" ).hide();
  12. $(".ascenseur" ).click(function(){
  13.  if($(this).next("div" ).is(":hidden" )){
  14.  $(".ascenseur" ).next("div:visible" ).slideUp("slow" );
  15.  $(this).next("div" ).slideDown("slow" );
  16.  } else {
  17.  $(this).next("div" ).slideUp("slow" );
  18.  }
  19. });
  21. });
  22. </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
Reply

Marsh Posté le 07-07-2011 à 14:46:28   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed