[tarkusart]

Здравствуйте.
Имеется список методов доставки (их 3) и методов оплаты (также 3) в корзине.
Методы доставки - радиокнопки (у всех общий класс del-radio и собственные id вида delivery_id_x) - при выборе которых должны отображаться один или несколько div-блоков (их id имеют вид: payment_id_x)
сделал все div скрытыми и пытаюсь делать такую проверку:

$(".del-radio").change(function() {
if ($("#delivery_id_1").prop("checked")) {
       $("#payment_id_1").show();
       $("#payment_id_2").hide();
       $("#payment_id_3").hide();
    }
else if ($("#delivery_id_2").prop("checked")) {
       $("#payment_id_1").show();
       $("#payment_id_2").show();
       $("#payment_id_3").hide();
    }
else if ($("#delivery_id_3").prop("checked")) {
	   $("#payment_id_1").hide();
       $("#payment_id_2").hide();
       $("#payment_id_3").show();
    }
});

необходимо, что бы:
при выборе первой радиокнопки показывался только первый div
при выборе второй - первый и третий
при выборе третьей - третий
как исправить к рабочему состоянию?