切換按鈕不工作

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/