jQuery .css（）、css hover

Question

jQueryの.css()に問題があります。

私はマウスオーバーCSSのメニューを持っていますが、私は、この置くとき：、私のマウスオーバー機能がそう

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

に動作しません。私のコードの最後の部分に主な問題を

$(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）