Grow your CSS skills. Land your dream job.

Tabs – mark active and animation

  • # January 14, 2013 at 10:42 am

    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

    # January 29, 2013 at 4:35 am

    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’);

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".