html - 单击时更改 CSS 中的背景图像

Question

请有人告诉我如何执行以下操作

.logo {
display: block;
text-indent: -9999px;
text-transform: capitalize;
background: url(../images/menu.png) no-repeat;
height: 120px;
}

点击时改变图片

background: url(../images/menu_open.png) no-repeat;

这个的 HTML 是

<div class="sidebar">
<a href="#" onclick="return showOrHide('menulink');"><div class="logo">TEST IMAGE</div></a>
<ul id="menulink">

目前点击图标时，菜单打开和关闭，

查看完整代码 http://carbonyzed.co.uk/menu/2/index.html http://carbonyzed.co.uk/menu/2/css/style.css

谢谢

Answer 1

$(".logo").click(function() {
  $(this).css('background-image', 'url(../images/menu_open.png)');
});