Показать сообщение отдельно
  #9 (permalink)  
Старый 16.03.2017, 11:54
Интересующийся
Отправить личное сообщение для alexscus Посмотреть профиль Найти все сообщения от alexscus
 
Регистрация: 16.01.2017
Сообщений: 14

Спасибо, но немного не то, тут задержка нужна к меню при переходе на другой пункт.

моя вина, надо было мне сразу пример показать - > песочница


$('nav li').hover(function() {
  $(this).addClass('hover').siblings().removeClass('hover');
});

<nav><ul>
	    <li>text<span>1 info</span></li>
	    <li>text<span>2 text text</span></li>
	    <li>text<span>3 text text</span></li>
	    <li>text<span>4 text </span></li>
	    <li>text<span>5 text text text text</span></li>
	    <li>text<span>6 text text</span></li>
</ul></nav>

nav {background: #ccc;color: #666;font-size: 14px;height: 56px;text-transform: uppercase;position: relative;text-align: justify;margin: 0 0 60px;}
nav ul {list-style: none;margin: 0;padding: 0 20px;line-height: 56px;}
nav li {display: inline-block;}
nav ul:after {display: inline-block;width: 100%;content: '';}
nav .hover span {display:block;}
nav span {display:none; position:absolute; left:0; top:56px; width:100%; background:#999; color:#fff; padding:0 10px; box-sizing:border-box;}

Последний раз редактировалось alexscus, 16.03.2017 в 13:15.
Ответить с цитированием