همین پروژه اما با رویکردی دیگر

سلام خدمت دوستان
ازونجائی که فهم استراکچر این پروژه و کد های تو در توی اون برای شخص بنده سخت بود و ازونجائی که حدس میزدم با راهکاری مشابه با طراحی منوی آکاردئونی که در سرفصل طراحی قالب رسپانسیو توسط استاد تدریس شد (استفاده از ورودی های چک باکس) میشه این پروژه رو انجام داد سعی کردم پروژه رو با نگاهی دیگر پیاده سازی کنم. گفتم فایلش رو با شما هم به اشتراک بزارم چون گویا دوستان دیگر هم مشکل داشتن در فهم این جلسه.

نکته : برخی جزئیات با پروژه ی استاد یکسان نیست و تفاوت هایی وجود دارد. همچنین در اینجا بر خلاف آنچه که در طراحی منوی آکارئونی گفته شد به جای ورودی checkbox از ورودی های radio استفاده شد که ماهیتا در آنِ واحد صرفا یکی از آنها میتواند فعال باشد و برای این پروژه که در هر لحظه تنها یک صفحه ی محتوی باید نمایش داده شود ایده آل است.

فایل پروژه به ضمیمه پیوست شده است.