jQuery - удалить фоновый цвет, когда элемент виден

Question

Я хотел бы удалить фоновый цвет (только фоновый цвет) меню, как только появится один элемент. Я написал этот код, но он не работает - кто-нибудь может помочь?

$(function() { 
if($("#wrapperHome").is(":visible")) { 
    $("#menu a").css({ "background-color", "black" }); 
} 
}); 

В этом меню есть эта информация о стиле листа.

background:url(img/official/menu.png) center center no-repeat #f2f2f7; 

Answer 1

Я считаю, что вы хотите что-то вроде этого ...

$("#menu a").css("background-color", ""); 

Установка фонового цвета на «" существенно удаляет стилирование, удаляя цвет.

Answer 2

Использование : не , при выполнении ключ/вал CSS изменения:

$("#menu a").css({ "background-color" : "black" }); 

Или, так как это одно значение:

$("#menu a").css("background-color", "black"); 

Answer 3

Вы должны переместить стиль в css для своего сайта. Это позволяет избежать сбрасывания css из ваших js, и вы можете повторно использовать его.

.selected-menu-item{ // or what ever it is that has a black background 
    background-color: black; 
} 

Затем в JQuery:

$("#menu a").toggleClass("selected-menu-item");