jquery - 压缩重复的jquery

Question

有人可以告诉我如何将这个重复的 jquery 压缩成一个函数吗？基本上，如果单击单选按钮 (#pgy_)，则会显示相应的 div (.pgy_)。

$('#pgy1').click(function() {
        if( $(this).is(':checked')) {
            $(".pgy1").show();
        } else {
            $(".pgy1").hide();
        }
    });
    $('#pgy2').click(function() {
        if( $(this).is(':checked')) {
            $(".pgy2").show();
        } else {
            $(".pgy2").hide();
        }
    }); 
    $('#pgy3').click(function() {
        if( $(this).is(':checked')) {
            $(".pgy3").show();
        } else {
            $(".pgy3").hide();
        }
    });

Answer 1

ID 与类相同，因此只需使用它，并使用 toggle() 缩短隐藏/显示:

$('#pgy1, #pgy2, #pgy3').on('click', function() {
    $('.'+this.id).toggle(this.checked);
});