jQuery - niezależne divy

Cześć mam problem z jQuery. Dotychczas używałem kodu jak poniżej. Jednak przestał mi on wystarczać i chce go zmodyfikować do następującej postaci. Powyższy kod działa tak iż wybieramy jedną z 3 opcji 1, 2 lub 3.
Po kliknięciu w opcję 1 pokazuje się opcja 1a a po kliknięciu w 1a pokazuje się 1b itd(oczywiście do 1 opcji można dać też 2). Problem leży tutaj że gdy kliknę Opcję 2 nadal jest zaznaczona opcja 1a i 1b przez co wyświetlają się ich opisy. Chciałbym tak poprawić kod aby po zmianie opcji pozostałe input option zmieniały się na odznaczone. Czyli jeśli wybiorę opcję 2 podczas gdy była zaznaczona 1 opcja, 1a i 1b odznaczą się.

 

jQuery(function ($) {
    $("#opcja1, #opcja2, #opcja3").hide();
    
    $("[name=opcjeA]").change(function () {
        $("#opcja1, #opcja2, #opcja3").hide().filter("#" + this.value).show();
    });
});

jQuery(function ($) {
    $("#opcja1a, #opcja2a, #opcja3a").hide();
    
    $("[name=opcjeB]").change(function () {
        $("#opcja1a, #opcja2a, #opcja3a").hide().filter("#" + this.value).show();
    });
});

jQuery(function ($) {
    $("#opcja1b, #opcja2b, #opcja3b").hide();
    
    $("[name=opcjaC]").change(function () {
        $("#opcja1b, #opcja2b, #opcja3b").hide().filter("#" + this.value).show();
    });
});