Return to Answer

I think you're looking for something along the lines of:

$('.tab, .edit, .cancel').click(function(){
    switch($(this).attr("class")){
        case 'tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case 'edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case 'cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

OLD CODE THAT WAS BROKEN:

$('.tab, .edit, .cancel').click(function(){
    switch(this){
        case '.tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case '.edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case '.sample' :
        case '.cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

I think you're looking for something along the lines of:

$('.tab, .edit, .cancel').click(function(){
    switch(this.className){
        case 'tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case 'edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case 'cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

I think you're looking for something along the lines of:

$('.tab, .edit, .cancel').click(function(){
    switch(this){
        case '.tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case '.edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case '.sample' :
        case '.cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

I added a .sample in the last case to show that if .sample shares the same code as .cancel, you can just use one block instead of two. I'm certain somebody can abstract the code better than I can, but perhaps this is a good start.

I think you're looking for something along the lines of:

$('.tab, .edit, .cancel').click(function(){
    switch($(this).attr("class")){
        case 'tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case 'edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case 'cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

OLD CODE THAT WAS BROKEN:

$('.tab, .edit, .cancel').click(function(){
    switch(this){
        case '.tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case '.edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case '.sample' :
        case '.cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

I think you're looking for something along the lines of:

$('.tab .edit .cancel').click(function(){
    switch(this){
        case '.tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case '.edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case '.sample' :
        case '.cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

I added a .sample in the last case to show that if .sample shares the same code as .cancel, you can just use one block instead of two. I'm certain somebody can abstract the code better than I can, but perhaps this is a good start.

I think you're looking for something along the lines of:

$('.tab, .edit, .cancel').click(function(){
    switch(this){
        case '.tab' : {
            $('.tab').removeClass('activeTab');
            $(this).addClass('activeTab');
        }break;
        case '.edit' : {
            $(this).hide();
            $(this).next().show();
        } break;
        case '.sample' :
        case '.cancel' : {
            $(this).parent().hide();
            $(this).parent().prev().show();
        } break;
    }
});

I added a .sample in the last case to show that if .sample shares the same code as .cancel, you can just use one block instead of two. I'm certain somebody can abstract the code better than I can, but perhaps this is a good start.