راست چین کردن Sidbar

[mehran6764]

سلام ، دوستان من میخوام یه sidebar مشابه همین sidebar که تو لینک پایین هست با این تفاوت


https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_dropdown


که :
راست به چپ باشه یعنی گوشه سمت راست باشه و یه علامت ضربدر هم بالاش داشته داشته باشه



https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_sidenav_push


در واقع میخوام ترکیبی از خواص دو لینک بالا رو داشته باشم تا یه sidbar داشته باشم که به صورت کشویی باشه با دکمه close بسته بشه ، یکی از منوهای زیر مجموعه داشته باشه و سمت راست باشه .. اگر لینک نمونه ای دارین ممنون میشم معرفی کنید

[marasiali]

لینک نمونه نمیخواد فقط یه کم آشنایی با css و جاوا اسکریپت میخواد باید div منو رو position فیکس بدی و مقدار right رو منفی بدی(بیشتر از عرض div)
بعد با جاوا اسکریپت بگی رو دکمه که کلیک شد خاصیت right ش بشه صفر.یه انیمیشن هم میتونی بهش بدی با css.
دکمه ضربدر هم با جاوا اسکریپت میگی وقتی روش کلیک شد دوباره div همون مقدار منفی رو بگیره.