javascript - 返回 jQuery 点击函数 css 变回

Question

我有一个下拉列表的 jQuery 调用。单击时，内部容器的背景图像会更改其背景图像。如何更改内部容器的背景图像？

$(document).ready(function () {
  $('#listH1').click(function () {
    $('#content1').slideToggle('medium');
    $(".span").css("background-image","url(carrow.png)");  
  });
});

Answer 1

我建议使用 toggleClass() :

CSS

.yourNewBackground {
    background-image: url(carrow.png);
}

JavaScript

$(document).ready(function () {
  $('#listH1').click(function () {
    $('#content1').slideToggle('medium');
    $(".span").toggleClass("yourNewBackground");
  });
});

编辑

这是 a working fiddle .有几点需要注意:

• 使用 fiddle 时，请务必选择合适的框架。您选择了 MooTools(默认)，而不是 jQuery。
• toggleClass() 因 span 类而无法正常工作。只需将 !important 添加到 toggleDown 类即可。