Tabs – mark active and animation

[tanotify]

Demo, what i made is here – http://codepen.io/tanotify/pen/qwsvo
but i cannot make two things..

1) Tab which is active have css class “active”
2) Animation of switching depending of side – left, right

Help me please – thank you

[CarlRosell]

first off you need a class with the name .active and then do something with it so you can see if its really active.

.active{
color:red;
}

then just remove the :first and parent() from your click function. you want to remove every class active and then make the clicked a itself active.

$(‘nav a’).click(function(){
$(‘nav a’).removeClass(‘active’);
$(this).addClass(‘active’);

[Author]

Posts