SOURCE

<script>
  window.onload=function(){
    var open1 = document.getElementById("open1");
    var fold1 = document.getElementById("fold1");
    var peripheral = document.getElementsByClassName("section-footer__menu-block__menu");
    open1.onclick=function(){
      open1.style.display="none";
      fold1.style.display="block";
      peripheral.style.display="block";
    }
    fold1.onclick = function(){
      open1.style.display="block";
      fold1.style.display="none";
      peripheral.style.display="none";
    }
  }
</script>

 <div class="section-footer__row__col section-footer__menu-block" role="navigation" aria-label="{{ 'layout.footer.navigation_aria_label' | t | escape }}" {{ block.shopify_attributes }}>
              {% if block.settings.title != blank %}
                {%- assign title_word_count = block.settings.title | split: ' ' | size -%}
                <h6 class="section-footer__title{% if title_word_count < 4 %} no-wrap{% endif %}">
                  {{- block.settings.title | escape -}}

                  <span id="open1">展開</span>
                  <span id="fold1">たたむ</span>
                  <div class="peripheral" id="peripheral">
                    {% if block.settings.menu != blank %}
                    <ul class="section-footer__menu-block__menu"  {{ block.shopify_attributes }}>
                      {% for link in linklists[block.settings.menu].links %}
                        <li>
                          <a href="{{ link.url }}" {% if link.title.size < 25 %}class="no-wrap"{% endif %}>
                            {{- link.title -}}
                          </a>
                        </li>
                      {% endfor %}
                    </ul>
                  {% endif %}
                  </div>
                </h6>
              {% endif %}


            </div>

#open1,#fold1{
  display: none;
}
#open1{
  display: none;
}
@media (max-width: 767px) {
  .section-footer__menu-block__menu{
   border-top: 1px solid rgb(68, 68, 68);
    margin-top: 5%;
    padding-left: 7%;
    padding-top: 5%;
   display: none;
  }
    /* 展开隐藏按钮 */
    #open1,#fold1{
      position: absolute;
      right: 0;
      top: 0;
    }
    #open1{
      display: block;
    }
    #fold1{
      display: none;
    }
  /* .section-footer__menu-block:hover .peripheral{
    display: block;
    color: #636363;
    font-weight: 600;
  } */
  .section-footer__title{
    position: relative;
  }
  

 }