تغییر بک گراند یک Div به همراه Fade Effect

[سعید کشاورز]

سلام دوستان..یه مشکل کوچیک دارم.
من 3تا Div دارم..میخام وقتی ماوس میره روی Div سمت راست مقدار عرض اون زیادتر بشه و Div های کنارش مقدار عرض کم بشه...خوب تا اینجای کار رو ساختم خودم اما من میخام در زمانی که این عمل داره انجام میشه بک گراند Div هم عوض بشه به همراه افکت Fade in ..یعنی : همزمان با اینکه Div سمت راست ما عرض داره اضافه میشه به تدریج بک گراندش هم تغییر کنه و زمانی که ماوس از روش برداشته میشه به حالت اول برگرده(یعنی مقدار Width اولیه و همچنین بک گراند پیش فرض) فایل رو ضمیمه کردم ،ممنون میشم کمکم کنید..
کدهاش رو توی فایل Mycode.js نوشتم..

[moalla]

باید یه فانکشت تعریف بکنی حالا چه خارجی و چه داخل همون کد
بعد داخلش به هر سلکتوری که خواستی میتونی اکشن خودت رو نسبت بدی
مثالت رو توی jsfiddle بذار تا تصحیح کنم

[سعید کشاورز]

باید یه فانکشت تعریف بکنی حالا چه خارجی و چه داخل همون کد
بعد داخلش به هر سلکتوری که خواستی میتونی اکشن خودت رو نسبت بدی
مثالت رو توی jsfiddle بذار تا تصحیح کنم

عجب سایت باحالی بود این jsfiddle..

اینم از مثالم توی jsfiddle (http://jsfiddle.net/Pro_man/eQXq3/)

[moalla]

jsfiddle که عالیه. من الان تازه فهمیدم چی گفته بودین. اگه امکاناتش رو کامل آشنا نشدین اینجا (http://quicklearn.ir/?q=node/1)رو ببینین.

و اما اونی که خواسته بودین رو اینجا (http://jsfiddle.net/moalla/hVAGg/)درست کردم
کدهای قبلی رو هم میشد بهتر بنویسید که در آینده راحت تر باشید اما فقط تغییری که خواسته بودید رو دادم
در کل بهتره بجای Mouseover و mouseout فقط از hover استفاده کنیم و داخلش دوتا فانکشن بنویسیم