تغییر در css با تغییر سایز مروگر با جی کوئری

[Ali.Graph]

سلام دوستان یه کد جی کوئری میخام که مثلا من تو سایز 300 مروگر یه div رو none کردم میخام وقتی مروگر از این سایت بزرگتر باز شد تغییر کنه به block یچیز تو مایه های ریسپانسیو ولی برای این کد نیاز به کد جاوا دارم. اصلا اینو ببینید



//////////////////////////////////////////////////////////////////

$("menu-t").click(function() {
$("#menu").toggle();
});
<!--
function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}
//-->

//////////////////////////////////////////////////////////////////



تو این کد وقتی روی div با اسم menu-t کلیک میکنم div با ای دی menu نمایش میده یا برعکس مشکل من اینه من از این در سایز 300 استفاده میکنم و در سایز بزگتر نیاز نداره ولی وقتی مثلا من اونو none میکنم وقتی مرورگر رو بزرگ میکنم هنوز none مونده در صورتی که میخام اتومات برگرده به حالت اول یجورایی کلا میخام این جیکوئری فقط در سایز 300 کار کنه نه بزرگتر منتظر راهنماییهاتون هستم

[persiansh]

$(document).ready(function(){


if( $(window).width()>300)
{
$("#div").css({"display":"block"});

}
if( $(window).width()<300)
{
$("#div").css({"display":"none"});
}

});

[Ali.Graph]

ممنون ولی کار نکرد کلن در حالت 300 بازه !!!!! قاطی کرد فقط کدی میخام سایز از 300 رد شد block بشه

////////////////////////////

مشکل حل شد تو یه سایت خارجی پیدا کردم.




jQuery(document).ready(function($) {
if(window.innerWidth<800) {
$("#menu").hide();
}
$(window).resize(function(){
if(window.innerWidth<800) {
$("#menu").hide();
} else if(window.innerWidth>800) {
$("#menu").show();
}
});
});