togglebutton - 切换按钮不起作用

Question

我的切换按钮工作正常，但我对代码的另一部分进行了一些调整，现在它已经停止工作。同一面板中的重置按钮也可以正常工作。这就是我正在做的-

$(document.getElementById('light')).toggle(function () {
        $(document.getElementById('grid ')).css('backgroundColor ', '#000000');
        $(document.getElementByClassName('circle')).css('borderColor', '# FFFF99 ');
    }, function () {
        $(document.getElementById('grid ')).css('backgroundColor ', '#c0c0c0 ');
        $(document.getElementByClassName('circle ')).css('borderColor ', '#FAEBD7 ');
    });

这是jsfiddle：http: //jsfiddle.net/riamirchi/yhb9A/84/

谢谢！

Answer 1

虽然我不明白什么是工具按钮代表你我对你的代码的那部分做了一些改进：

$('#light').toggle(function () {
    $('#grid ').css('backgroundColor ', '#000000');
    $('.circle').css('borderColor', '# FFFF99 ');
}, function () {
    $('#grid ').css('backgroundColor ', '#C0C0C0 ');
    $('.circle ').css('borderColor ', '#FAEBD7 ');
});

$('#reset').click(function () {
    $('#grid').css('backgroundColor ', '#C0C0C0');
    $('.circle').each(function () {
        $(this).css('backgroundColor', '#C0C0C0');
    });
});

http://jsfiddle.net/yhb9A/87/