Slidetoogle以上のブラウザ

Question

jquery slideToggleを使用して、携帯端末でdivを表示したり隠したりしています。 768px以下のデバイスのメディアクエリでdisplay：noneを使用しています。これにより、divを閉じて開始することができます。

ブラウザのサイズを768pxブレークポイントより小さくすると、Nav divが消え、表示が切り替わるボタンが表示されます。しかし、元の状態（768pxより大きい）に戻ってブラウザのサイズを変更した場合。この時点で、divは非表示のままで、display：blockには戻りません。ブラウザを更新した後でのみ、divが再表示されます。

誰かがこれを解決する方法を提案してもらえますか？

Answer 1

$(window).resize機能

var _windowWidth = $(window).width(); 

$(window).resize(function() { 
    if(_windowWidth > 768) { 
     $("nav").show(); 
    } 
}); 

たり、画面が768pxより大きい場合cssと、それが見えるように作成します。

@media screen and (min-width: 768px) { 
    nav { 
     display: block; 
    } 
}