سوال درباره منوی ریسپانسیو

[Feri 37]

با سلام.

بنده به یک مشکل در طراحی قالب برخوردم، امیدوارم دوستانی که تجربه دارن راه حلی معرفی کنن:

بر فرض اینکه منوی بنده جزئیاتی مثل :

<ul>
  <li>1</li>
  <li>2</li>
  <li>3 with sub-menu </li>
  <li>4</li>
</ul>

بنده این مقادیر رو درون یک DIV قرار دادم و در مدیا کوئری ها، این دیو رو در موبایل مخفی کردم. خب حالا برای نمایش متفاوت درون موبایل باید تمامی این مقادیر رو کپی کنم و در یک DIV دیگه قرار بدم. این باعث میشه در سورس صفحه،  برای هر لینک (منو) یک کپی دیگه داشته باشیم،یعنی 2 منو !!! درسته که در نمایش مشکلی بوجود نمیاد اما هدفم اینه که کلا ما در سورس یک منو و ساب منو داشته باشیم و با کد جی کوئری و یا جاوا و ... این رو تغییر بدیم و توی موبایل هم نمایش داده بشه.

بنده خیلی سرچ کردم توی گوگل اما به نتیجه ای نرسیدم چون به جی کوئری و جاوااسکریپت مسلط نیستم.

ممنون میشم یک اسکریپت یا یک قطعه کد به من معرفی کنید در این رابطه.