隠しボタンの後にdivを再表示するにはどうすればいいですか？

Question

@mediaを使用している画面解像度CSSのためにボタンが隠された後に、既にボタンによって隠されていたdiv/classをどのように表示しますか？これはボタンのコードです：

<script> 
var button = document.getElementById('answer'); 

function showDiv() { 
    var div = document.getElementById('displayfilter'); 

    if (div.style.display !== 'none') { 
    div.style.display = 'none'; 
    } 
    else { 
    div.style.display = 'block'; 
    } 
}; 
</script> 

ここでは、画面解像度のCSSです。

@media only screen and (max-width: 1026px) { 

    .displayfilter { 
    display: none; 
    } 

    .answer { 
    display: block !important; 
    } 
} 

上記の操作は、画面が通常のサイズに戻されるまで有効です。ありがとう！

Answer 1

ページは1026年より広くリサイズされ、divのは、それを表示し、その後隠されている場合、私は、正しく質問を理解している場合：

window.onresize = function(event) { 

    if (window.innerWidth > 1026 && div.style.display == 'none') { 
    div.style.display = 'block'; 
    } 

}; 

Answer 2

あなたは大画面で、デフォルトではdiv要素を表示したい場合は、あなたがする必要がありますそのように、displayfilterクラスを取り、メディアクエリのそれではなく外display:block;を追加します。

.displayfilter { 
    display: block; 
} 

を[デバイス幅]が[指定された＃]以下の場合は、を言っている時点では、その後、行う {...} 。指定したデバイスの幅は1026pxです。スタイルシートに表示されないようにスタイルシートにデフォルトで表示するようには指定していません。