jQuery - niezależne divy

Question

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();
    });
});

 

Answer 1

Czemu kilka razy wykonujesz funkcje JQuery? Skoro powinna być wykonana tylko raz, ponieważ jest odpowiedzialna za sprawdzenie czy dokument html został w pełni załadowany.

Comments

ponieważ td o id mag ma wciąż display: table-cell, musisz zmienić na display:none;

---

Super! Dzięki za pomoc. Jeszcze pytanie poza tematem. Zrobiłem tak że td dałem name="klasa" i w kodzie jQuery wklepałem takie coś:

       $('[name=klasa]').prop( "checked", false );
        $('td[name=klasa]').hide();

Da się uprościć tak aby wszystko co miało name="klasa" się chowało i odznaczało? Czy jest to już technicznie nie możliwe.

---

Ja bym spróbował tak $('[name=klasa]').prop( "checked", false ).hide(); ale nie wiem czy zadziała.

---

Teoretycznie działa ale praktycznie chowa też kropkę z option.

Jeszcze raz dzięki za pomoc!

---

spoko