もっと見る式リスト展開

<div class="d11-05-09-wrap">
          <ul class="d11-05-09-list" id="d489List">
            <li>結果 1: 木製デスク</li>
            <li>結果 2: 折りたたみ椅子</li>
            <li>結果 3: 収納ラック</li>
          </ul>
          <ul class="d11-05-09-more" id="d489More" hidden>
            <li>結果 4: 北欧風テーブル</li>
            <li>結果 5: LEDデスクライト</li>
            <li>結果 6: 木製本棚</li>
          </ul>
          <button type="button" class="d11-05-09-btn" id="d489Btn">もっと見る</button>
        </div>

.prev.d11-05-09{align-items:flex-start;justify-content:flex-start}
        .d11-05-09-wrap{width:100%}
        .d11-05-09-list,.d11-05-09-more{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
        .d11-05-09-more{margin-top:8px}
        .d11-05-09-list li,.d11-05-09-more li{font-size:12.5px;color:#374151;background:#f8f9fb;border-radius:8px;padding:9px 12px}
        .d11-05-09-btn{display:block;width:100%;margin-top:12px;padding:9px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#4f46e5;font-size:12.5px;font-weight:700;cursor:pointer;transition:background .2s}
        .d11-05-09-btn:hover{background:#eef2ff}
        .d11-05-09-btn.is-done{display:none}

(function(){
        var root=document.getElementById('item-11-05-09');
        var more=root.querySelector('#d489More');
        var btn=root.querySelector('#d489Btn');
        btn.addEventListener('click',function(){
          more.hidden=false;
          btn.classList.add('is-done');
        });
      })();