Afficher menu et sous menu avec hover
Bonjour.
voila mon code:
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61
| <aside>
<br><br>
<a><span id="changer"></span></a>
<br><br>
<br><br>
<div id="menuDeroulant">
<div class="sousMenueDeroulant">
<button class="choixParmis">
<img class="fleche" src="images/blocsInverse.png">
<img class="fleche2" src="images/blocs.png">
<div class="generalite"><h1>Généralités</h1></div>
</button>
<ul class="listeChoix">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
<br>
<br>
<div class="sousMenueDeroulant">
<button class="choixParmis">
<img class="fleche" src="images/blocsInverse.png">
<img class="fleche2" src="images/blocs.png">
<div class="generalite"><h1>Généralités</h1></div>
</button>
<ul class="listeChoix">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
<br>
<br>
<div class="sousMenueDeroulant">
<button class="choixParmis">
<img class="fleche" src="images/blocsInverse.png">
<img class="fleche2" src="images/blocs.png">
<div class="generalite"><h1>Généralités</h1></div>
</button>
<ul class="listeChoix">
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</div>
</div>
</aside> |
Code:
<a><span id="changer"></span></a>
Code:
1 2 3 4 5 6 7 8 9 10
| #changer::after{
content:"DEPLIER" ;
}
#changer:hover::after {
content:"REPLIER";
#menuDeroulant {display:block ;};
.sousMenueDeroulant {display: block;};
.listeChoix {display: block;};
} |
Le déploiement se fait uniquement sur hover du menue et sous menue et non en survolant de #changer.
Je cherche depuis 2 jours Merci de votre coup de main. :ptdr: