treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Tabs - mark active and animation

  • 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

  • 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');