Spaces:
Sleeping
Sleeping
Update spoller.html
Browse files- spoller.html +9 -8
spoller.html
CHANGED
@@ -40,7 +40,8 @@
|
|
40 |
}
|
41 |
</style>
|
42 |
|
43 |
-
|
|
|
44 |
<div class="spoiler-divider"></div>
|
45 |
|
46 |
<div class="spoiler-wrapper">
|
@@ -58,7 +59,7 @@
|
|
58 |
<div class="spoiler-divider"></div>
|
59 |
|
60 |
|
61 |
-
|
62 |
<script>
|
63 |
function toggleSpoiler1() {
|
64 |
const button = document.getElementById('spoiler1Button');
|
@@ -76,7 +77,7 @@
|
|
76 |
|
77 |
|
78 |
|
79 |
-
|
80 |
<div class="spoiler-divider"></div>
|
81 |
|
82 |
<div class="spoiler-wrapper">
|
@@ -94,7 +95,7 @@
|
|
94 |
<div class="spoiler-divider"></div>
|
95 |
|
96 |
|
97 |
-
|
98 |
<script>
|
99 |
function toggleSpoiler2() {
|
100 |
const button = document.getElementById('spoiler2Button');
|
@@ -111,11 +112,11 @@
|
|
111 |
</script>
|
112 |
|
113 |
|
114 |
-
|
115 |
|
116 |
-
|
117 |
|
118 |
-
|
119 |
|
120 |
-
|
121 |
|
|
|
40 |
}
|
41 |
</style>
|
42 |
|
43 |
+
<!-- (Первый блок HTML сдесь класс и ИД боков с номером 1) -->
|
44 |
+
|
45 |
<div class="spoiler-divider"></div>
|
46 |
|
47 |
<div class="spoiler-wrapper">
|
|
|
59 |
<div class="spoiler-divider"></div>
|
60 |
|
61 |
|
62 |
+
<!-- Скрипт для первого блока, работает с классом и ИД с номером 1 -->
|
63 |
<script>
|
64 |
function toggleSpoiler1() {
|
65 |
const button = document.getElementById('spoiler1Button');
|
|
|
77 |
|
78 |
|
79 |
|
80 |
+
<!-- Второй блок HTML сдесь класс и ИД боков с номером 2 -->
|
81 |
<div class="spoiler-divider"></div>
|
82 |
|
83 |
<div class="spoiler-wrapper">
|
|
|
95 |
<div class="spoiler-divider"></div>
|
96 |
|
97 |
|
98 |
+
<!-- Скрипт для второго блока, работает с классом и ИД с номером 2 -->
|
99 |
<script>
|
100 |
function toggleSpoiler2() {
|
101 |
const button = document.getElementById('spoiler2Button');
|
|
|
112 |
</script>
|
113 |
|
114 |
|
115 |
+
<!-- Для третьего -->
|
116 |
|
117 |
+
<!-- 1) Добавляем через запятую в стили класс .spoiler3-button -->
|
118 |
|
119 |
+
<!-- 2) Копируем HTML код изменяем внутри текст и номер в классе и ИД блока на 3 -->
|
120 |
|
121 |
+
<!-- 2) Копируем JS код изменяем внутри номер в классе и ИД блока на 3 -->
|
122 |
|