Bootstrap hover tabs with fade effect

Тема в разделе "JavaScript", создана пользователем 130983, 12 янв 2017.

  1. 130983

    130983

    Регистрация:
    10 дек 2012
    Сообщения:
    172
    Симпатии:
    146
    Доброго времени суток! Искал решение для реализации меню для сайта(меню планировалось сделать в виде вертикальных вкладок переключаемых при наведении с fade эффектом , сам сайт на третьем бутстрапе). Нашел вот такой мануал, который меня полностью устраивает http://codepen.io/leonardo1024/pen/qZwpgN, где "плавность" появления достигается за счет присвоения класса fade Но как оказалось этот способ действителен только при переключению по клику, в моем случае при смене наведения на "большой скорости" оказываются активными сразу несколько вкладок (как я понимаю, если перемещение происходит быстрее 0.15 секунд т.к. такой transition указан в стиле класса fade в бутстрапе) это легко можно увидеть на демо если быстро перемещаться по вкладкам. Хотелось бы подружить два этих эффекта, как можно побороть эту проблему, возможно fade эффект стоит привязать не стилями а с помощью js. Не могли бы вы помочь разобраться в проблеме.Спасибо.
     
    Последнее редактирование: 12 янв 2017