单击以更改背景切换

Question

当我点击它改变背景.它工作正常.但是,如果我想再次点击它以恢复原始背景呢？我有这个代码:

jQuery(document).ready(function($) {
    $(".select").on("click", function () {
        $(this).css("background-image", "url(images/selected.png)");
    });
});

这是jsfiddle 例子

基本上当我点击div时它会改变背景,这很好.但是我希望能够再次点击它来恢复原始背景.它将是一个替代解决方案,但仅用于演示目的.

谢谢

Answer 1

JS

更换

$(this).css("background-image", "url(images/selected.png)");

同

$(this).toggleClass("active");

样式

#multiselect .active {
    background-image: url('...');
}

小提琴http://jsfiddle.net/09xgrhxo/4/