jQuery .css() 및 CSS hover

Question

jQuery에서 .css()에 문제가 있습니다.

나는 마우스 오버 CSS는 메뉴가 있지만이 둘 때 : 내 코드의 마지막 부분에

$(this).siblings().css({backgroundColor:"#eee"}); 

을 내 마우스 오버 기능이없는,

$(".principal").click(function() 
{ 
    $(this).css({backgroundColor:"#861b1b"}).next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow"); 
    $(this).siblings().css({backgroundColor:"#eee"}); 
}); 

그래서 주요 문제를 작동 않습니다 내 meny가 css : hover와 함께 작동하지만 P 색상을 회색으로 다시 바꿀 의무가 있으므로이 문제를 해결할 수있는 방법이 있습니까? 문제는 구문에

<div> 
    <span>Ventanas</span> 
    <p class="principal">Fijas</p> 
    <div class="menu_body"> 
    <a href="products.php?ref=fijo&tipo=7001ad">Normal (7001)</a> 
    <a href="products.php?ref=fijo&tipo=7001ad">Normal (7001)</a> 
    <a href="products.php?ref=fijo&tipo=7001ad">Normal (7001)</a> 
    <a href="products.php?ref=fijo&tipo=7001ad">Normal (7001)</a> 
    </div> 
</div> 



    div.sdmenu div p { 
    cursor:pointer; 
    padding: 5px 10px; 
    background: #eee; 
    display: block; 
    border-bottom: 1px solid #ddd; 
    color:#000; 
    text-decoration:none; 
    margin: 0; 
} 

div.sdmenu div p:hover { 
    background:#841c1c; 
    color: #fff; 
    text-decoration: none; 
} 

Answer 1

여기에 사용

$(this).siblings().css({backgroundColor:"#eee"}); 

는 CSS 요소에 대한 {}없이 사용, 같은 :

$(this).siblings().css(backgroundColor,#eee); 

구문은 다음과 같습니다. CSS (propertyName, value)