//ROZWIĄZANIE
zamiast
$(this).addClass('click');
należy
$(this).toggleClass('click');


drugie starcie z jQuery smile.gif napisałem prosty kod, i teraz nie wiem jak dopisać by po drugim kliknięciu odznaczyło mi row tabeli
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.  
  5. <head>
  6. <title>j query</title>
  7.  
  8. <style type="text/css">
  9.  
  10. #mytable
  11. {
  12. border: 1px solid black;
  13. }
  14.  
  15. #mytable th, #mytable td
  16. {
  17. border: 1px solid #000;
  18. padding: 3px;
  19. }
  20. #mytable tr.highlight
  21. {
  22. background-color: #b02329;
  23. }
  24. #mytable tr.click
  25. {
  26. background-color: yellow;
  27. }
  28. </style>
  29.  
  30. <script type="text/javascript" src="jquery.js"></script>
  31.  
  32. <script type="text/javascript">
  33. $(function()
  34. {
  35. $('#mytable tr').hover(
  36. function()
  37. {
  38. $(this).addClass('highlight');
  39. },
  40. function()
  41. {
  42. $(this).removeClass('highlight');
  43. })
  44. });
  45.  
  46. $(function()
  47. {
  48. $('#mytable tr').click(
  49. function()
  50. {
  51. $(this).addClass('click');
  52. }
  53. )
  54. }
  55. );
  56. </script>
  57.  
  58. </head>
  59.  
  60. <body>
  61.  
  62. <table id="mytable">
  63. <tr>
  64. <td>lorem ipsum stabat</td>
  65. <td>lorem ipsum stabat</td>
  66. <td>lorem ipsum stabat</td>
  67. </tr>
  68. <tr>
  69. <td>lorem ipsum stabat</td>
  70. <td>lorem ipsum stabat</td>
  71. <td>lorem ipsum stabat</td>
  72. </tr>
  73. <tr>
  74. <td>lorem ipsum stabat</td>
  75. <td>lorem ipsum stabat</td>
  76. <td>lorem ipsum stabat</td>
  77. </tr>
  78. <tr>
  79. <td>lorem ipsum stabat</td>
  80. <td>lorem ipsum stabat</td>
  81. <td>lorem ipsum stabat</td>
  82. </tr>
  83. </table>
  84.  
  85.  
  86. </body>
  87.  
  88. </html>