добавить анимацию в вкладку Навигация

Question

Мне было интересно, что может быть самым простым способом добавить анимацию в какую-либо навигацию по вкладкам. Я разрабатываю небольшой сайт документации, Documentation, и, как вы можете видеть, у меня есть та стрелка, которая добавляется к вкладке при навигации.

Ну, я думал, что если я могу сделать это вот так: Sample; Я что-то пробовал, я добавил пролет через JS, а затем на событие click (применяется к элементам li) запускает анимацию стрелок. Дело в том, что при этом я остановил сценарий, который отвечает за то, чтобы сделать вкладки работать так, как они останавливаются.

Так есть ли другой способ добиться чего-то подобного? И какова будет логика?

Answer 1

Простейшим было бы добавить узкое абсолютное положение div внутри st_slide_container и положение вправо. Внутри этого нового элемента добавляется еще один элемент, который достаточно велик для вашего значка стрелки и является абсолютным положением.

Либо использовать обратный вызов изменения вкладок (в зависимости от того, что доступно в API плагинов), либо добавить другой обработчик кликов в a.st_tab. В этом обработчике события вы можете получить индекс текущей вкладки и применить анимацию позиции сверху небольшую стрелку элемент в

EDIT: Пример обработчика щелчка, чтобы получить индекс, который будет множителем для top анимации

$('a.st_tab').click(function(){ 
    alert($(this).parent().index()) 
})