مشکل این 4 خط کد چیه ؟!

[oggiii]

سلام دوستان
من یه کد نوشتم که وقتی دیــو من به صورت slideown در میاد رنگ submenu عوض بشه و وقتی slideup میشه دوباره به رنگ قبلی برگرده
اما وقتی slidedown میشه روی رنگ تعیین شده می مونه و اینکار صورت نمی گیره !
مشکل از کجاست ؟


$(function () {
$("#msg").click(function(){
$("#submenu").slideToggle("medium");
if ($("#submenu").slideDown) {
$("#msg").css("background-color", "#e6e7e8");
}
if ($("#submenu").slideUp) {
$("#msg").css("background-color", "none");
}
})
});

[Variable]

خب در اینجا شما باید رنگ اول رو دوباره بهش بدی
$("#msg").css("background-color", "none")

بجای مقدار none

[oggiii]

خب در اینجا شما باید رنگ اول رو دوباره بهش بدی
$("#msg").css("background-color", "none")

بجای مقدار none

مقدار رنگ اولیه ندارم ! میخوام لحظه ای که میاد پایین رنگش عوض بشه لحظه ی که میره بالا رنگی که توض شده به حالت قبل برگرده !

[plague]

وقتی صفحه لود میشه رنگ اولیه رو تو یه متغیر ذخیره بکن


$(function () {
var default_color = $("#msg").css("background-color");

$("#msg").click(function(){

$("#submenu").slideToggle("medium");

if ($("#submenu").slideDown) {

$("#msg").css("background-color", "#e6e7e8");

}

if ($("#submenu").slideUp) {

$("#msg").css("background-color", default_color );

}

})

});