1. <div class="spoiler1"><span class="">Testing</span></div>
  2. <div class="hide1">
  3. fffffffffffffffff
  4. </div>
  5. <div class="spoiler2"></div>
  6. <div class="hide2">
  7. fffffffffffffffff
  8. </div>
  9. <div class="spoiler3"></div>
  10. <div class="hide3">
  11. fffffffffffffffff
  12. </div>
  13. <div class="spoiler4"></div>
  14. <div class="hide4">
  15. fffffffffffffffff
  16. </div>
  17.  
  18.  
  19. CSS
  20.  
  21. .spoiler1{
  22. font-size: 16px;
  23. background-color: #c0e6d2;
  24. border: 1px solid #a7c8b7;
  25. width: 530px;
  26. height: 45px;
  27. text-shadow: 0px 1px 0px #f4f4f4;
  28. filter: dropshadow(color=#fff, offx=0, offy=1);
  29.  
  30. }
  31. .spoiler2{
  32. font-size: 16px;
  33. background-color: #c0e6d2;
  34. border: 1px solid #a7c8b7;
  35. height: 45px;
  36. width: 530px;
  37. text-shadow: 0px 1px 0px #f4f4f4;
  38. filter: dropshadow(color=#fff, offx=0, offy=1);
  39. margin-top: 3px;
  40.  
  41. }
  42. .spoiler3{
  43. font-size: 16px;
  44. background-color: #c0e6d2;
  45. border: 1px solid #a7c8b7;
  46. height: 45px;
  47. width: 530px;
  48. text-shadow: 0px 1px 0px #f4f4f4;
  49. filter: dropshadow(color=#fff, offx=0, offy=1);
  50. margin-top: 3px;
  51. }
  52. .spoiler4{
  53. font-size: 16px;
  54. background-color: #c0e6d2;
  55. border: 1px solid #a7c8b7;
  56. height: 45px;
  57. width: 530px;
  58. text-shadow: 0px 1px 0px #f4f4f4;
  59. filter: dropshadow(color=#fff, offx=0, offy=1);
  60. margin-top: 3px;
  61. }
  62.  
  63. .hide1{
  64. font-size: 16px;
  65. background-color: #dedede;
  66. border: 1px solid #c1c1c1;
  67. width: 530px;
  68. height: 120px;
  69. color: #fff;
  70. text-shadow: 0px 1px 0px #f4f4f4;
  71. filter: dropshadow(color=#fff, offx=0, offy=1);
  72. margin-top: 3px;
  73. display: none;
  74.  
  75. }
  76. .hide2{
  77. font-size: 16px;
  78. background-color: #dedede;
  79. border: 1px solid #c1c1c1;
  80. width: 530px;
  81. height: 120px;
  82. color: #fff;
  83. text-shadow: 0px 1px 0px #f4f4f4;
  84. filter: dropshadow(color=#fff, offx=0, offy=1);
  85. margin-top: 3px;
  86. display: none;
  87.  
  88. }
  89. .hide3{
  90. font-size: 16px;
  91. background-color: #dedede;
  92. border: 1px solid #c1c1c1;
  93. width: 530px;
  94. height: 120px;
  95. color: #fff;
  96. text-shadow: 0px 1px 0px #f4f4f4;
  97. filter: dropshadow(color=#fff, offx=0, offy=1);
  98. margin-top: 3px;
  99. display: none;
  100.  
  101. }
  102. .hide4{
  103. font-size: 16px;
  104. background-color: #dedede;
  105. border: 1px solid #c1c1c1;
  106. width: 530px;
  107. height: 120px;
  108. color: #fff;
  109. text-shadow: 0px 1px 0px #f4f4f4;
  110. filter: dropshadow(color=#fff, offx=0, offy=1);
  111. margin-top: 3px;
  112. display: none;
  113.  
  114. }