Problem with toggle()

Problem with toggle()

Hi, all.
I have css file with this class: 
.tableLight {  background-color: #32375D;  color: #FFFFFF; }
And I have JavaScript file with this content:


  
    
   
  1. $(document).ready(function () {
    2. 
   
  2.  $('#moto_table tbody tr').toggle(function () {
    3. 
   
  3.  $(this).addClass(".tableLight");
    4. 
   
  4.  }, function () {
    5. 
   
  5.  $(this).removeClass(".tableLight");
    6. 
   
  6.  });
    7. 
   
  7. });
    8. 
  
After running this code, my table is hidden, why,
I did not click on the text in these rows of the table?