切换按钮不工作

Question

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

$(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

虽然我没有得到它的权利什么的toogle键代表你，我做了一些改进，以你的那部分代码：

$('#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/