javascript - ウィンドウの高さを調整するJSのif/elseステートメントが機能しない

Question

短いバージョン:この if/else ステートメントにエラーはありますか?

<script type="text/javascript" charset="utf-8">
     function more() {
        document.getElementById("more").style.display = "flex";
        if (window.matchMedia('screen and (min-width: 1161px)')){
           document.getElementById("sidebar2").style.height = "8500px";
        } else {
           document.getElementById("sidebar2").style.height = "12800px";
        }

        document.getElementById('moreBtn').style.display = "none";
     }
  </script>

私がする必要があるのは、ドキュメントの幅を確認し、それに応じてページの高さを調整することです。ドキュメント > 幅 1161 ピクセルの場合、高さ = 8500 ピクセル。それ以外の場合、高さ = 12800px。

フルバージョン:左のサイドバーに繰り返し画像があり、メイン コンテンツにフォト ギャラリーがあるサイトで作業しています。ユーザーが下部の「See More」をクリックすると、さらに画像が表示されます。これが発生した場合、左側のサイドバーの画像をページの高さ全体に拡張する必要があります。私のPCでは問題なく動作するようですが、iPadでは動作しません。具体的には、ページは正しい高さで読み込まれますが、[もっと見る] をクリックすると、if/then ステートメントが機能しないため、「else」ではなく「if」から高さが引き出されます。

ステージング サイトはこちらからご覧いただけます。