jQuery .css（）和css hover

问题描述：

我在jQuery中遇到了.css()问题。jQuery .css（）和css hover

我有一个鼠标悬停的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; 
}

这将有助于查看您的mouseover代码/ css和html。 – 2012-03-18 19:26:51

在你的例子$（“。principal”）。click（function（）{...}），但你提到了鼠标悬停？ – 2012-03-18 19:36:55

把你的代码放在那里，并提供给我们链接：http://jsfiddle.net/ – Alp 2012-03-18 20:01:39

答

的问题是在语法使用此：

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

使用它没有{}的CSS元素，像这样：

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

语法是：。 css（propertyName，value）

jQuery .css（）和css hover

相关推荐