Показать div на основе входного значения, а затем скрыть, если не отмечено

Question

Привет всем, у меня есть опрос, что когда флажок установлен, он отображает ответ на основе того, какой ответ вы выбрали. У меня это работает и все, но у меня возникают проблемы, когда кто-то снимает флажок, и я хочу, чтобы div снова стал скрытым.

Вот код, который я написал:

// if else statement for question 6
$("input[name='name_6[]']").bind("click", function(event){

    // If the value is equal to 25 or less show response 1
    if ($(this).val() <= 25) {
        $("#q6response1").slideDown('fast');
        $("#q6response2").hide();

}  // If the value is equal to 26 show response 2
    else if ($(this).val() == 26) {
        $("#q6response2").slideDown('fast');
        $("#q6response1").hide();

}
});

Я попытался использовать unbind и: проверено, ложно и ничего не работает. Любая помощь будет отличной.

Спасибо

Answer 1

Ты пытался

// if else statement for question 6
$("input[name='name_6[]']").change(function(event){

    // If the value is equal to 25 or less show response 1
    if ($(this).val() <= 25) {
        $("#q6response1").slideDown('fast');
        $("#q6response2").hide();

    }  // If the value is equal to 26 show response 2
    else if ($(this).val() == 26) {
        $("#q6response2").slideDown('fast');
        $("#q6response1").hide();

  }
});