jquery - 之后向现有的 jquery css 更改添加“背景图像”更改

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-inept 大脑的内容，有人可以建议吗？

先感谢您。

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

谢谢你的建议，只是我需要的大脑。:)