• widgetマスター

    モデレータ
    2023年11月29日 15:22

    ベースにしているWidgetは「アンケート(複数選択・単一選択・yes/no・ボタンを押すと下部表示)※要javascript」で、現在はjavascriptを削除した状態で使用していると思われます。

    下記修正をすることでボタンを押して下部コンテンツ表示の状態に戻すことが可能です。
    ・widgetのjavascriptを設置する
    ・ボタンから<a>タグを削除する


    また、「ボタンの表記が変わった」ように見せるには上記に加えて下記2点の修正を行ってください。

    ・HTMLのボタン以下の行を変更

    
    
    ~アンケート部分省略~
    
          <div class="send-btn">
            <button class="js-send" type="button">回答を完了する</button>
          </div>
    
          <div class="revealarea js-reveal is-hidden">
            <div class="send-btn">
              <button type="button">アンケートのご協力、ありがとうございます</button>
            </div>
          </div>
        </div>

    ・javascript head設置用のコードを下記に変更する

    
    
    <!-- タグ設定のJavaScript headに以下をカットして貼り付けてください。
          同一widgetを複数追加する場合、複数回貼付けは不要です。 -->
        <script>
            var revealBtnFncMulti = revealBtnFncMulti || {};
            (function(_) {
                _.init = function() {
                    var questionBox = Array.from(document.querySelectorAll('.js-questionRevealMulti'));
                    var hiddenClass = 'is-hidden';
    
                    questionBox.forEach(function(qb) {
                        var completeBtn = qb.querySelector('.js-send');
                        var revealArea = qb.querySelector('.js-reveal');
    
                        completeBtn.addEventListener('click', function() {
                            completeBtn.closest('.send-btn').classList.toggle(hiddenClass);
                            revealArea.classList.toggle(hiddenClass);
                        });
                    });
                };
            })(revealBtnFncMulti);
        </script>
        <!-- JavaScript headここまで -->

    ご確認よろしくお願いいたします!