• widgetマスター

    モデレータ
    2023年9月26日 17:17

    お待たせしました!!!

    下記 の 3箇所 javascript の修正をお願いいたします。

    ① btnRadio にコードを追加

    let btnRadioes = el.querySelectorAll(".btn-single .l-chat__qa__a__item");
    btnRadioes.forEach(function(btnRadio) {
    btnRadio.addEventListener("click", function(e) {
    showAnimation(e.target);
    /* 追加ここから */
    btnRadioes.forEach(function(btnRadio) {
    btnRadio.classList.remove(selectedClass);
    });
    /* 追加ここまで */
    e.target.classList.add(selectedClass);
    const nextElm = e.target.closest(".l-chat__list__item").nextElementSibling;
    nextElm.classList.add(showClass);
    });
    });

    ② btnMultiple の修正

    let btnMultiples = el.querySelectorAll(".btn-multiple .l-chat__qa__a__item");
    btnMultiples.forEach(function(btnMultiple) {
    btnMultiple.addEventListener("click", function(e) {
    showAnimation(e.target);
    e.target.classList.toggle(selectedClass); /* ← add を toggle に修正 */
    });
    });

    ③ btnOption にコードを追加

    let btnOptions = el.querySelectorAll(".btn-option .l-chat__qa__a__item");
    btnOptions.forEach(function(btnOption) {
    btnOption.addEventListener("click", function(e) {
    showAnimation(e.target);
    /* 追加ここから */
    btnOptions.forEach(function(btnOption) {
    btnOption.classList.remove(selectedClass);
    });
    /* 追加ここまで */
    e.target.classList.add(selectedClass);
    const hiddenElm = e.target.closest(".l-chat__qa").querySelector(".l-chat__hidden");
    hiddenElm.classList.add(showClass);
    });
    });

    プレビュー

    https://sb-draft-preview.squadbeyond.com/articles/yMoXwWnbVpqWRhuKthvQ/draft?token=583fe34102ea3a27fe7e386506a27c5c