Суть проблемы такова: есть горизонтальное меню, в котором будет много пунктов, они не будут помещаться в экране.
<div class="collapse navbar-collapse">
<!-- ========================== Пункты меню ===========================-->
<div class="nav-block">
<a class="menu-text" href="index.html">ГЛАВНАЯ</a>
<a class="menu-text" href="news.html">НОВОСТИ</a>
<a class="menu-text" href="calendar.html">РАСПИСАНИЕ</a>
<a class="menu-text" href="zapiska.html">ЗАПИСКИ</a>
<a class="menu-text" href="foto.html">ФОТО</a>
<a class="menu-text" href="video.html">ВИДЕО</a>
<a class="menu-text" href="donate.html">ДОНАТ</a>
<a class="menu-text" href="contacts.html">КОНТАКТЫ</a>
</div>
</div>
хочу, чтоб при движении мышкой по меню(вправо , влево), пункты , не поместившиеся в экран плавно выезжали .
вот пример.
Jquery изучаю всего неделю.
помогите вырезать этот скрипт и приклеить к моему меню.
А, может, если есть способ проще, подскажите.
Спасибо!
PS: сайт собрал на bootstrap