ONCLICK ADD REMOVE CLASS USING JQUERY

$(document).ready(function(){
    $(".drop").click(function(){
        $(".top-nav").slideToggle();
    });
$("#ico-search").click(function(){
        $(".nav-box form").toggleClass("show-form");
    });

$('#tab1').on('click', function(){
    $('li a.inactive').removeClass('inactive');
$('#tab2').addClass('inactive');
$('#os-tab1C').css('display', 'block');
$('#tab2C').css('display', 'none');
 
});  

$('#tab2').on('click', function(){
    $('li a.inactive').removeClass('inactive');
    $('#tab1').addClass('inactive');
$('#os-tab1C').css('display', 'none');
$('#tab2C').css('display', 'block');
});

$('#step1').on('click', function(){
    $('#step0').removeClass('step-active');
$('#step2').removeClass('step-active');
    $('#step1').addClass('step-active');
$('#ca-box-1').css('display', 'none');
$('#ca-box-2').css('display', 'block');
$('#ca-box-3').css('display', 'none');
});

$('#step0').on('click', function(){
    $('#step1').removeClass('step-active');
$('#step2').removeClass('step-active');
    $('#step0').addClass('step-active');
$('#ca-box-1').css('display', 'block');
$('#ca-box-2').css('display', 'none');
$('#ca-box-3').css('display', 'none');
});

$('#step2').on('click', function(){
    $('#step0').removeClass('step-active');
$('#step1').removeClass('step-active');
    $('#step2').addClass('step-active');
$('#ca-box-1').css('display', 'none');
$('#ca-box-2').css('display', 'none');
$('#ca-box-3').css('display', 'block');
});

      });