Jquery css（）和css悬停

我对jQuery中的

.css（）

有问题

我有一个鼠标悬停的css菜单，但当我把它：

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

在代码的最后一部分，我的mouseover函数不起作用

$(".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;
}

文塔纳斯
Fijas
div.sdmenu div p{
光标：指针；
填充物：5px10px；
背景：#eee；
显示：块；
边框底部：1px实心#ddd；
颜色：#000；
文字装饰：无；
保证金：0；
}
div.sdmenu div p:悬停{
背景：841c1c；
颜色：#fff；
文字装饰：无；
}

问题在于您在此处使用的语法：

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

在CSS元素中不使用{}，如下所示：

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

---

语法是：.css（propertyName，value）

这将有助于查看鼠标悬停代码/css和html。在您的示例中，$（“.principal”）。单击（function（）{…}），但您提到了鼠标悬停？将您的代码放在那里，并为我们提供链接：Works fine:（注意：代码在

$（文档）中。就绪

处理程序）.您是否尝试过使用控制台进行调试？