Vertical Tabs

[mehdi.mousavi]

نحوه ایجاد یک Vertical Tab (http://blog.mehdi.biz/2010/02/vertical-tabs-for-jquery-lovers.html) رو بکمک HTML، CSS و jQuery نشون میده.

موفق باشید.

[hamid1988]

آقای موسوی من از Vertical Tab (http://blog.mehdi.biz/2010/02/vertical-tabs-for-jquery-lovers.html) شما در وبسایت خودم (http://www.HamidRahbar.com) استفاده کردم (با اندکی تغییر)، مشکلی که وجود داره اینه که موقع لود صفحه تمام Divها نمایش داده میشن و صفحه بهم میخوره، ولی بعد از اتمام لود همه چیز درست میشه...
به نظرتون چه طوری میتونم این مشکل رو رفع کنم؟
با تشکر

[mehdi.mousavi]

آقای موسوی من از Vertical Tab (http://blog.mehdi.biz/2010/02/vertical-tabs-for-jquery-lovers.html) شما در وبسایت خودم (http://www.HamidRahbar.com) استفاده کردم (با اندکی تغییر)، مشکلی که وجود داره اینه که موقع لود صفحه تمام Divها نمایش داده میشن و صفحه بهم میخوره، ولی بعد از اتمام لود همه چیز درست میشه...
به نظرتون چه طوری میتونم این مشکل رو رفع کنم؟
با تشکر

سلام.
احتمالا بخاطر اینه که زمان میبره تا hide روی vtab>div# ها اعمال بشه. یه راه مطمئن، اینه که شما توی Style المنت مزبور، یک display:none اضافه کنید تا بصورت پیش فرض، کلیه div المنتهای زیر #vtab بصورت مخفی Load بشن (در نتیجه چیزی رو صفحه دیده نشه)، بعد توی ready handler، یکبار اول کار display رو به block تغییر بدید. بدین ترتیب مشکل حل خواهد شد. (خودم چرا اینکار نکردم؟ نمیدونم!)

موفق باشید.