jquery - 之后向现有的 jquery css 更改添加 "background-image"更改

Question

我有一个链接...

a#popup { background:url(../popupopen.jpg) center right no-repeat #fff;

使用...切换菜单位置

jQuery(document).ready(function(){
jQuery('a#popup').toggle(function () {
jQuery("#wps-sidebar").css({left: "30px"});
}, function () {
jQuery("#wps-sidebar").css({left: "-240px"});
});
});

＆我试图在每个末尾添加一个简单的背景图像更改，以便在它打开时背景图像更改为使用 popupclose.jpg(在菜单位置切换之后)，并且显然回到 popupopen.jpg一旦它再次关闭。我正在尝试复制现有示例，但找不到任何能进入我 js 无能大脑的任何内容，有人可以提供建议吗？

提前谢谢你。

Answer 1

我将背景应用于#wps-sidebar 而不是#popup，然后...

#wps-sidebar.opened {
left: 30px;
background: url(../popupclose.jpg) center right no-repeat #fff;
}

...&...

jQuery(document).ready(function(){
jQuery('a#popup').toggle(function () {
jQuery("#wps-sidebar").addClass("opened");
}, function () {
jQuery("#wps-sidebar").removeClass("opened");
});
});

谢谢你的建议，正是我需要的脑筋急转弯。 :)