درست کدن منوی responsive با استفاده از jquery

[arezooafshari]

یک منویی تهیه کردم که با jquery باز می شود، می خواهک منو به صورت responsive طراحی کنم، و در سایزهای متفاوت بعضی قسمت های منو را حذف کنم، چگونه با استفاده از jquery می توانم این کار رو انجام بدم؟

[Omid Jackson]

نیاز به jQuery نیست، کافیه از media query استفاده کنید، در اون سایز که میخواین مثلا کلاس test رو باید display: none بدین تا نمایش داده بشه ولی در بعضی مواقع نیاز هست توی سایز دیگه بگین display: block تا نمایش داده بشه که البته بستگی به نوشتن کلاس هاتون داره
http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

[arezooafshari]

آخه میخوام بعد از کلیک شدن بعضی چیزا حذف بشن، می تونم با css و media این کار رو انجام بدم؟

[Omid Jackson]

متوجه نشدم، میشه کامل توضیح بدین؟ با css و سلکتورهاش خیلی کار ها میشه کرد ولی نیازتون رو متوجه نمیشم که چی هست

[arezooafshari]

درواقع دو تا div روی هم هستند که با کلیک روی div2، div1 نشون داده میشه و div2 نصف div1 رو می گیره، و وقتی نشون داده میشه باید یک سری از elementهای div1 حذف بشه
نمیدونم چطور باید کلیک و حذف elementها رو با هم انجام بدم، چیز دیگه ای که وجود دارد این است که با بسته شدن div1 باید دوباره elementها برگردند
؟؟؟؟؟؟؟؟؟؟:افسرده:

[Omid Jackson]

اینی که شما میخواین ربطی به ریسپانسیو نداره
همونطور که گفتم باید display:none و display: block بشن برای نمایش و عدم نمایش ولی با استفاده از jQuery و ایونت click
دیگه باقیش بستگی به نحوه استفاده شما داره
http://jsfiddle.net/Blend_Design/L54ajnwL/