1. Accueil
  2. Question et réponse
  3. CSS Dropdown Glitchy

CSS Dropdown Glitchy

2013-05-13 1 views
-2

La liste déroulante fonctionne lorsque vous survolez les boutons du haut, mais lorsque vous essayez de descendre dans le menu déroulant, elle disparaît.CSS Dropdown Glitchy

http://vistaazulresort.com/

Source

2013-05-13 Karl Tombak

+1

S'il vous plaît ajouter du code significatif et une description du problème ici. Ne faites pas que lier au site à corriger - sinon, cette question perdra toute valeur aux futurs visiteurs une fois le problème résolu. L'affichage d'un [Short, Self Contained, Exemple correct (SSCCE)] (http://www.sscce.org/) qui démontre votre problème vous aiderait à obtenir de meilleures réponses. Pour plus d'informations, voir [Quelque chose sur mon site web ne fonctionne pas. Puis-je simplement coller un lien vers -il?] (Http://meta.stackexchange.com/questions/125997/) Merci! – j08691

+0

Quel est votre comportement attendu? Vous devriez commencer par ajouter du code plutôt qu'un simple lien vers votre site. Vous obtiendrez une réponse beaucoup plus positive et utile de la part de la communauté si vous fournissez l'information plutôt que de la faire rechercher. –

Répondre

1

Le problème est le fait que votre vol stationnaire à l'aide pour faire apparaître le menu déroulant. Si un utilisateur ne survole pas l'élément de menu, la liste déroulante ne s'affiche pas/disparaît. Sans compter que cela ne fonctionnera pas sur la plupart des appareils mobiles.

La solution serait d'utiliser jQuery, d'autant plus que vous avez déjà chargé jQuery (1.8.3).

Je n'écrirai pas le menu entier pour vous parce que vous avez besoin d'apprendre. Cependant, je vais vous donner assez pour vous aider à démarrer. Voici les aspects importants ...

.dropdown li ul { 
    display:none; 
} 
.show-dropdown li ul { 
    display:block; 
} 

<script type="text/javascript"> 
$(document).ready(function(){ 
     $("#menu-top").click(function() { 
     $(this).toggleClass("dropdown show-dropdown"); 
    }); 
    }); 
</script>

Supprimez les étiquettes de liaison des éléments de menu avec les listes déroulantes.

Voici un violon de travail: http://jsfiddle.net/GRkBM/

Source

2013-05-13 22:50:05 Xarcell

Questions connexes

 Questions connexes