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; 
}

來源

2012-03-18 Istvan Nagy

這將有助於查看您的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）

來源

2012-03-18 21:00:38 Chris

jQuery .css（）和css hover

回答

相關問題