ایجاد تب و در نهایت کلیک روی تب باز شدن یک باکس خاص

[مسلم فلاح نیت]

به نام خدا
عرض سلامو خسته نباشید قصد دارم تب هایی رو در HTML ایجاد کرده و با سی اس اس بهشون ظاهر بدم مانند تصویر زیر






خب بعد از ایجاد html و css کار باکس قرمز رنگ به صورت display:none خواهد بود و در واقع نشان داده نمی شود به صورت پیشفرض و بعد از کلیک بر روی هر کدام از تب ها یادر واقع شماره ها که میتواند یک نام باشد یا یک شماره یا هر نوشته ای دیگری ! باکس قرمز نمایان شده ولی با محتوای مورد نظر تبی که روش کلیک شده بنا بر این از دوستانی که در این زمینه تخصصی دارند راهنمایی میخوام تا اگر مقدور هست کدشو برام یا بزارن یا در قالب فایل فشرده برای دانلود قرار بدن ممنون میشم

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

[bgsrb88]

Pure CSS Tabs Widget
http://codepen.io/SitePoint/full/tcCnu


Tabulous.js
http://git.aaronlumsden.com/tabulous.js/#demo


https://github.com/twbs/bootstrap/blob/master/js/tab.js


و و و ....