From that moment on, help a newbie:

/*MENU====================*/ .sidebar nav ul { padding: 0; margin: 0; box-shadow: 0 6px 7px rgba(0,0,0,.5); list-style: none; margin-right: 0px; } .dropdown { display: none; } .sidebar nav ul li:hover .dropdown { display: block; } .sidebar nav ul li a { text-decoration: none; color: #27dced; background: #060622; opacity: 0.6; display: block; width: 140px; height: 45; text-align: center; line-height: 45px; margin-bottom: 10px; margin-right: 20px; } .sidebar nav ul li a:hover { background: rgba(52, 68, 103, 0.08); }

http://jsfiddle.net/ftmj9oue/

  • @Justify, If you are given an exhaustive answer, mark it as correct (click on the check mark next to the selected answer). - Nicolas Chabanovsky ♦

2 answers 2

This is not done as you did. It needs to be done through jquery.

  $(".dropdown").hover( function () { $(this).css([ " display", "bloc"]); }, function () $(this).css([ " display", "none"]); } );
  • And, in general, there is no desire to answer such questions because of the carelessness with which the question was sent. - Maxim147
  • but it was a drop-down menu using only css - Justify_4G
  • I didn’t watch the “porridge” that you sent, I send my example. jsfiddle.net/hKS79 - Maxim147

http://jsfiddle.net/vdvw9Lw4/