Value of variable is always undefined

Question

When I try this code, the value of the variable 'active_field' is always 'undefined', no matter what item I click first.

$('#kompetenz1').click(function(){
    alert(active_field);
    if (active_field) { 
        $('.content' + active_field + ', #kompetenz'+ active_field +' img').hide();
    }
    $('.content1, #kompetenz1 img').show();
    var active_field = 1;
});

$('#kompetenz2').click(function(){
    if (active_field) { 
        $('.content' + active_field + ', #kompetenz'+ active_field +' img').hide();
    }
    $('.content2, #kompetenz2 img').show();
    var active_field = 2;
});

$('#kompetenz3').click(function(){
    if (active_field) { 
        $('.content' + active_field + ', #kompetenz'+ active_field +' img').hide();
    }
    $('.content3, #kompetenz3 img').show();
    var active_field = 3;
});

$('#kompetenz4').click(function(){
    if (active_field) { 
        $('.content' + active_field + ', #kompetenz'+ active_field +' img').hide();
    }
    $('.content4, #kompetenz4 img').show();
    var active_field = 4;
});

How can I fix this?

Another one of variable hoisting. – Tushar Feb 17 '16 at 13:48 — Tushar, Feb 17 '16 at 13:48
`active_field` isn't global. – MinusFour Feb 17 '16 at 13:48 — MinusFour, Feb 17 '16 at 13:48
@MinusFour thank you, that was the answer! It works now! – Pom Canys Feb 17 '16 at 13:54 — Pom Canys, Feb 17 '16 at 13:54

Value of variable is always undefined

0 Answers0