ΠΠ°ΠΊ ΡΠΊΡΡΡΡ-ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΠΎ ΡΠ΅Π»ΡΠΊΡ Π½Π° Π΄ΡΡΠ³ΠΎΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅?
Π‘ΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ Π΄Π»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΠΎΡΠ³Π°Π½ΠΈΠ·Π°ΡΠΈΠΈ ΡΠΈΡΡΠ΅ΠΌΡ Β«ΡΠΊΡΡΡΡ-ΠΏΠΎΠΊΠ°Π·Π°ΡΡΒ» ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ (Π½Π°Π·ΠΎΠ²ΡΠΌ Π΅Π³ΠΎ ΠΠ½ΠΎΠΏΠΊΠΎΠΉ) ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ (Π½Π°Π·ΠΎΠ²ΡΠΌ Π΅Π³ΠΎ Π¦Π΅Π»ΡΡ). Π Π°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΎ Π² ΡΡΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠ°Ρ :
- ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π² ΠΏΠΎΠ΄ΡΠΈΠ½Π΅Π½ΠΈΠΈ (Π¦Π΅Π»Ρ Π²Π»ΠΎΠΆΠ΅Π½Π° Π² ΠΠ½ΠΎΠΏΠΊΡ)
- ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π² ΠΏΠΎΠ΄ΡΠΈΠ½Π΅Π½ΠΈΠΈ ΠΎΠ±ΡΠ΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ
- ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΠ ΠΈΠΌΠ΅ΡΡ ΠΎΠ±ΡΠ΅Π³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ
ΠΠ΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½Π°Ρ, ΠΏΡΠΎΡΡΠ°Ρ ΠΈ Π½Π°Π΄ΡΠΆΠ½Π°Ρ ΡΡ Π΅ΠΌΠ° ΡΠΊΡΡΡΠΈΡ-ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ Π² ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΠΊΠ»Π°ΡΡΠ° ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π¦Π΅Π»ΠΈ. ΠΡΠ»ΠΈ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅ΡΡ ΡΡΡΡΠΊΡΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΡΠΎΠΌ ΠΊΠ»ΡΡΠ΅, ΠΎΠΊΠ°ΠΆΠ΅ΡΡΡ ΡΡΠΎ ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΡΠ°Π·Π½ΡΡ Π²Π°ΡΠΈΠ°Π½ΡΠ° Π²ΡΠ΅Π³ΠΎ Π΄Π²Π°: Π²Π°ΠΆΠ½ΠΎ Π»ΠΈΡΡ, ΠΈΠΌΠ΅Π΅Ρ Π»ΠΈ ΠΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΌΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π¦Π΅Π»ΠΈ. Π ΠΏΠ΅ΡΠ²ΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅ ΡΠ°ΠΌΠ° ΠΠ½ΠΎΠΏΠΊΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ ΡΡΠΈΠΌ ΡΠΎΠ΄ΠΈΡΠ΅Π»Π΅ΠΌ; Π²ΠΎ Π²ΡΠΎΡΠΎΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅ Ρ ΠΎΠ±ΠΎΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΎΠ±ΡΠΈΠΉ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ; Π² ΠΎΠ±ΠΎΠΈΡ ΡΠ»ΡΡΠ°ΡΡ Π΄ΠΎΡΡΡΠΏ ΠΊ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ Π΅ΡΡΡ β ΠΏΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ (ΡΠ΅Π»ΡΠΊΡ ΠΌΡΡΡΡ) ΠΌΡ ΠΏΡΠΎΡΡΠΎ ΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΊΠ»Π°ΡΡ ΠΠ½ΠΎΠΏΠΊΠΈ Π»ΠΈΠ±ΠΎ ΠΊΠ»Π°ΡΡ parentNode
Π ΡΡΠ΅ΡΡΠ΅ΠΌ Π²Π°ΡΠΈΠ°Π½ΡΠ΅ ΠΠ½ΠΎΠΏΠΊΠ° ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π° ΡΡΡΡ Π·Π½Π°Π΅Ρ ΠΊΠ°ΠΊ Π΄Π°Π»Π΅ΠΊΠΎ ΠΎΡ Π¦Π΅Π»ΠΈ, ΠΈ Ρ Π½Π°Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ:
ΠΠ°ΠΊ Π½Π° javascript ΡΠ·Π½Π°ΡΡ, ΠΊΠ°ΠΊΠ°Ρ ΠΈΠ· Π¦Π΅Π»Π΅ΠΉ ΡΠ²ΡΠ·Π°Π½Π° Ρ Π΄Π°Π½Π½ΠΎΠΉ ΠΠ½ΠΎΠΏΠΊΠΎΠΉ? Π‘Π°ΠΌΡΠΉ ΠΏΡΠΎΡΡΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΈΡ
ΠΎΠ΄ΠΈΡ Π² Π³ΠΎΠ»ΠΎΠ²Ρ, β ΠΏΡΠΈ Π³Π΅Π½Π΅ΡΠ°ΡΠΈΠΈ HTML ΡΡΡΠ°Π½ΠΈΡΡ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΡΠ²Π°ΠΈΠ²Π°ΡΡ Π² Π²ΠΈΠ΄Π΅ id Π¦Π΅Π»ΡΠΌ ΠΈ Π² Π²ΠΈΠ΄Π΅ ΠΊΠ°ΠΊΠΎΠ³ΠΎ-Π½ΠΈΠ±ΡΠ΄Ρ Β«Π»Π΅Π²ΠΎΠ³ΠΎΒ», Π½Π΅Π½ΡΠΆΠ½ΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° β ΠΠ½ΠΎΠΏΠΊΠ°ΠΌ. Π’Π°ΠΊ Π²ΡΠ΅ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈ Π΄Π΅Π»Π°ΡΡ. Π ΡΠ°ΠΊ Π΄Π΅Π»Π°ΡΡ, Π΄Π°ΠΆΠ΅ ΠΊΠΎΠ³Π΄Π° ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Π²ΠΎΠ²ΡΠ΅ Π½Π΅ Π½ΡΠΆΠ½Ρ.
ΠΡ ΠΆΠ΅ ΠΏΠΎΡΡΡΠΏΠ°Π΅ΠΌ ΠΏΠΎΠ»Π½ΠΎΡΡΡΡ ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΡΠΌ ΡΠΏΠΎΡΠΎΠ±ΠΎΠΌ β Π²ΡΡΡΠ΅ΡΠΊΠΈ ΠΈΠ·Π±Π΅Π³Π°Π΅ΠΌ Β«Π½Π°Π²ΡΠ·ΡΠΈΠ²ΡΡ Β» Π°ΡΡΠΈΠ±ΡΡΠΎΠ², Π΄Π°ΠΆΠ΅ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½ΠΈ, ΠΊΠ°Π·Π°Π»ΠΎΡΡ Π±Ρ, Π½ΡΠΆΠ½Ρ. Π Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈΡ ΠΎΠ΄ΠΈΡ Π½Π΅ΠΈΠ·Π±Π΅ΠΆΠ½ΠΎ, ΠΊΠ°ΠΊ ΠΏΠ°ΡΠΎΠ²ΠΎΠ· ΠΏΠΎ ΡΠ΅Π»ΡΡΠ°ΠΌ: Π΅ΡΠ»ΠΈ ΡΡΠΎ-ΡΠΎ Π½Π΅Π»ΡΠ·Ρ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΡ Π²
ΠΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΠ΅ ΠΈ ΡΠΊΡΡΠ²Π°Π΅ΠΌΡΠ΅ Π¦Π΅Π»ΠΈ Π½Π°Ρ
ΠΎΠ΄ΡΡΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ (Π½Π°Π·ΠΎΠ²ΡΠΌ Π΅Π³ΠΎ ΠΠ°ΡΠ°Π»ΠΎΠ³). ΠΠΎΡΠ»Π΅ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΈΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΠ°ΡΠ°Π»ΠΎΠ³Π° ΠΊ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ½Π½ΡΠΌ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠΌ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΡΠΎ-ΡΠΎ Π΄Π΅Π»Π°ΡΡ Ρ Π½ΠΈΠΌΠΈ ΠΏΠΎ ΡΠ΅Π»ΡΠΊΡ ΠΌΡΡΠΈ ΠΈΠ»ΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΈ). ΠΠΎΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΡΡΠΎΠΉ ΠΏΠΎΠ΄Π³ΠΎΡΠΎΠ²ΠΊΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΌΡ ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΠΠ°ΡΠ°Π»ΠΎΠ³Π° Π² ΡΠΈΠΊΠ»Π΅, ΠΌΡ ΠΈ Π±ΡΠ΄Π΅ΠΌ Π³Π΅Π½Π΅ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ (Π½Π°ΡΠΈ ΠΠ½ΠΎΠΏΠΊΠΈ).
while (i β) { el = list[i] if (hasClass(el.className, βitemβ)) { currhead = h.appendChild(div.cloneNode(true)) //Π³Π΅Π½Π΅ΡΠΈΡΡΠ΅ΠΌ ΠΠ½ΠΎΠΏΠΊΡ currhead.Element = el //ΡΡΠΎ Π½Π°ΡΠ° ΡΡΡΠ»ΠΊΠ° Π½Π° ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ Π¦Π΅Π»ΠΈ β ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΠ°ΡΠ°Π»ΠΎΠ³Π° currhead.onclick = showForeign /* β¦ */ } }
ΠΠΎΠ³ΠΈΠΊΠ° ΡΠΊΡΡΡΠΈΡ-ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½Π° CSS
ΠΡΡΡΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Ρ Π½Π°Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΠ½ΠΎΠΏΠΊΠ° (ΠΏΠΎ ΠΊΠΎΡΠΎΡΠΎΠΌΡ ΠΊΠ»ΠΈΠΊΠ°Π΅ΠΌ) ΠΈ ΡΠΊΡΡΡΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π¦Π΅Π»Ρ Π½Π°Ρ ΠΎΠ΄ΡΡΡΡ Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΎΠ±ΡΠ΅ΠΌ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ (ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ ΠΠ°ΡΠ°Π»ΠΎΠ³Π°). Π’ΠΎΠ³Π΄Π° (ΠΏΠΎ ΡΠ΅Π»ΡΠΊΡ) Π½Π°Π΄ΠΎ ΠΌΠ΅Π½ΡΡΡ ΠΊΠ»Π°ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ°, Π° Π² CSS ΠΎΠΏΠΈΡΠ°ΡΡ, ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π΄Π΅Π»Π°ΡΡ ΡΡΠΎΡ ΠΈΠ·ΠΌΠ΅Π½ΡΠ½Π½ΡΠΉ ΠΊΠ»Π°ΡΡ. ΠΡΡΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΊΠ»Π°ΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° Π±ΡΠ΄Π΅Ρ βhidechildβ, ΠΈ ΠΌΡ Π·Π°ΠΏΠΈΡΠ΅ΠΌ Π² ΠΏΡΠ°Π²ΠΈΠ»Π°Ρ CSS, ΡΡΠΎ ΠΎΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π·Π°ΠΏΡΠ΅ΡΠ°ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ βbodyβ:
.hidechild .body {display:none;}
ΠΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ βbodyβ Π½Π΅ Π±ΡΠ΄ΡΡ Π²ΠΈΠ΄Π½Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΠΎ ΡΠ΅Π»ΡΠΊΡ Π½Π° ΡΠΏΡΠ°Π²Π»ΡΡΡΠ΅ΠΌ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ΅ βheadβ ΠΌΡ ΠΏΡΠΎΡΡΠΎ Π±ΡΠ΄Π΅ΠΌ ΡΠ±ΠΈΡΠ°ΡΡ (ΠΈΠ»ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ) ΡΡΠΎΡ ΠΊΠ»Π°ΡΡ βhidechildβ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠΌΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ. ΠΠΎΡ Π²ΠΊΡΠ°ΡΡΠ΅ ΠΈ Π²ΡΡ Π»ΠΎΠ³ΠΈΠΊΠ°. ΠΠ½Π° Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΡΡΠ»ΠΎΠΆΠ½ΠΈΡΡΡ, Π΅ΡΠ»ΠΈ ΠΌΡ Ρ
ΠΎΡΠΈΠΌ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ Π²Π»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ Π΄ΡΡΠ³ Π² Π΄ΡΡΠ³Π° ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΡ. ΠΠΎ Π²ΡΠ΅Ρ
ΡΠ»ΡΡΠ°ΡΡ
, Π΄Π»Ρ Π½Π°Π΄ΡΠΆΠ½ΠΎΡΡΠΈ Π»ΡΡΡΠ΅ Π½Π΅ ΠΏΡΠΎΡΡΠΎ ΡΠ±ΠΈΡΠ°ΡΡ Β«ΡΠΊΡΡΠ²Π°ΡΡΠΈΠΉ ΠΏΠΎΡΠΎΠΌΠΊΠΎΠ²Β» ΠΊΠ»Π°ΡΡ, Π° Π΅ΡΡ ΠΈ Π΄ΠΎΠ±Π°Π²Π»ΡΡΡ Β«ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΠΈΠΉΒ» ΠΊΠ»Π°ΡΡ β ΡΡΠΎ ΡΠΏΡΠΎΡΡΠΈΡ Π²Π·Π°ΠΈΠΌΠΎΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠ΅ Π½Π°ΡΠ΅ΠΉ ΡΠΈΡΡΠ΅ΠΌΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Ρ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π°ΠΌΠΈ CSS:
function showForeign() { var pare = this.Element; if (hasClass(pare.className, βhidechildβ)) pare.className = βitem showchildβ; else pare.className = βitem hidechildβ; }
Π ΡΠ»ΡΡΠ°Π΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΡΡΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²-ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ² Π΄ΡΡΠ³ Π² Π΄ΡΡΠ³Π°, Π»ΠΎΠ³ΠΈΠΊΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π½ΠΈΠΆΠ΅Π»Π΅ΠΆΠ°ΡΠ΅Π³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ ΡΠ°ΠΊ:
.hidechild .showchild .body {display:inherit;}
β ΡΠΎ Π΅ΡΡΡ Π¦Π΅Π»Ρ ΡΠ΅ΠΊΡΡΠ΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΡΠΊΡΡΡΠ°, Π° Π²Π»ΠΎΠΆΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° β ΠΏΠΎΠΊΠ°Π·Π°Π½Π°; ΠΈΡ
ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ Π±ΡΠ΄Π΅Ρ Π·Π°Π²ΠΈΡΠ΅ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΠΎΡ ΠΊΠ»Π°ΡΡΠ° Π½Π΅ΠΏΠΎΡΡΠ΅Π΄ΡΡΠ²Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠΎΠ΄ΠΈΡΠ΅Π»Ρ (Π½ΠΎ Π½Π΅ ΠΎΡ Π±ΠΎΠ»Π΅Π΅ Π΄Π°Π»ΡΠΊΠΈΡ
ΠΏΡΠ΅Π΄ΠΊΠΎΠ²).
ΠΠ°ΡΠΈΡΠ° ΠΎΡ ΠΏΠ°ΡΠ°Π½ΠΎΠΈΠΊΠΎΠ²
ΠΡΠ°Π²ΠΈΠ»ΡΠ½Π΅Π΅ Π·Π΄Π΅ΡΡ Π±ΡΠ»ΠΎ Π±Ρ ΡΠΊΠ°Π·Π°ΡΡ, Β«ΡΠ΄ΠΎΠ±ΡΡΠ²Π° Π΄Π»Ρ ΠΏΠ°ΡΠ°Π½ΠΎΠΈΠΊΠΎΠ²Β», ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Ρ ΠΈ ΡΠ°ΠΌ ΠΏΠ°ΡΠ°Π½ΠΎΠΈΠΊ β Ρ ΠΎΠΆΡ ΠΏΠΎ Π½Π΅Π·Π½Π°ΠΊΠΎΠΌΡΠΌ ΡΠ°ΠΉΡΠ°ΠΌ ΠΈΡΠΊΠ»ΡΡΠΈΡΠ΅Π»ΡΠ½ΠΎ Ρ Π²ΠΊΠ»ΡΡΡΠ½Π½ΡΠΌ NoScript, ΡΠΎ Π΅ΡΡΡ Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ javascript. Π ΡΠ°ΠΊΠΎΠΉ ΡΠΈΡΡΠ°ΡΠΈΠΈ, Π·Π°ΠΉΠ΄Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ Π½Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠΌΠ΅ΡΠ°, Ρ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ ΡΠΌΠΎΠ³Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ² (βbodyβ), Π° Π±ΡΠ΄Ρ Π²ΠΈΠ΄Π΅ΡΡ Π»ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΏΠΎ ΠΊΠΎΡΠΎΡΡΠΌ ΡΡΠ»ΠΊΠ°ΡΡ Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ javascript Π±Π΅ΡΠΏΠΎΠ»Π΅Π·Π½ΠΎ.
ΠΡΠΎ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ. ΠΠ΅Π΄Ρ ΡΠΊΡΡΠ²Π°Π΅ΠΌ ΠΌΡ ΡΠ°ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π΄Π»Ρ ΡΠ΄ΠΎΠ±ΡΡΠ²Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ β ΡΡΠΎΠ±Ρ Π±ΠΎΠ»ΡΡΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠ΅ΠΊΡΡΠ° (ΠΈ ΡΠΈΡΡΠ½ΠΊΠΎΠ²) Π½Π΅ Π·Π°Π³ΡΠΎΠΌΠΎΠΆΠ΄Π°Π»ΠΎ ΡΡΡΠ°Π½ΠΈΡΡ, Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΌΠΎΠ³Π»ΠΈ Π±Ρ Π²ΠΈΠ΄Π΅ΡΡ ΠΈΠ·Π±ΡΠ°Π½Π½ΠΎΠ΅, ΡΠΎ, ΡΡΠΎ Π½ΡΠΆΠ½ΠΎ. ΠΡΠ»ΠΈ ΠΆΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΡΠΌ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ ΡΠΏΡΠ°Π²Π»ΡΡΡ (ΡΠΊΡΡΠ²Π°ΡΡ-ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΏΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ), Π»ΠΎΠ³ΠΈΡΠ½Π΅Π΅ Π²ΡΡ-ΡΠ°ΠΊΠΈ ΠΎΡΠΎΠ±ΡΠ°Π·ΠΈΡΡ Π²ΡΡ, Π° Π½Π΅ ΡΠΊΡΡΡΡ Π²ΡΡ. ΠΡΠ΄Π΅Ρ ΠΌΠ΅Π½Π΅Π΅ ΡΠ΄ΠΎΠ±Π½ΠΎ, ΡΠ΅ΠΌ Ρ ΡΠΏΡΠ°Π²Π»ΡΡΡΠΈΠΌΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ, Π½ΠΎ Π½Π΅ ΡΠ°ΡΠ°Π»ΡΠ½ΠΎ (Π° Β«ΡΠΊΡΡΡΡ Π²ΡΡΒ» β ΡΠ°ΡΠ°Π»ΡΠ½ΠΎ).
ΠΠ»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ ΡΠ°ΠΊΠΎΠΉ Π»ΠΎΠ³ΠΈΠΊΠΈ (Π±Π΅Π· javascript ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ Π²ΡΡ) Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΅ΡΡ ΠΎΠ΄ΠΈΠ½, Π²ΡΡΠ΅Π»Π΅ΠΆΠ°ΡΠΈΠΉ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ. Π‘ ΡΡΡΡΠΎΠΌ ΡΠΎΠ³ΠΎ, ΡΡΠΎ Π½Π°ΡΠΈ ΠΊΠ°ΡΠ°Π»ΠΎΠ³ΠΈ β Π½Π΅ Π΅Π΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎΠ΅, ΡΡΠΎ Π½Π° Π½Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅ ΡΡΠ΅Π±ΡΠ΅Ρ javascript, ΡΠ°Π·ΡΠΌΠ½ΠΎ Π²ΡΠ±ΡΠ°ΡΡ Π² ΡΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ ΡΠΏΡΠ°Π²Π»ΡΡΡΠ΅Π³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Π΅ΡΠ° ΡΠ°ΠΌΡΠΉ Π²Π΅ΡΡ
Π½ΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ β
- ΠΠ°Π·Π½Π°ΡΠ°Π΅ΠΌ Π½Π° ΡΠ΅ΡΠ²Π΅ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ body ΠΊΠ»Π°ΡΡ nojs.
- ΠΡΠΈ Π½Π°ΡΠ°Π»Π΅ ΡΠ°Π±ΠΎΡΡ javascript (Π΅ΡΠ»ΠΈ ΠΎΠ½ Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π°ΡΠ½ΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ), Π² ΠΎΠ΄Π½ΠΎΠΉ ΠΈΠ· ΠΏΠ΅ΡΠ²ΡΡ , ΠΈΠ½ΠΈΡΠΈΠ°Π»ΠΈΠ·ΠΈΡΡΡΡΠΈΡ ΡΡΠ½ΠΊΡΠΈΠΉ, ΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΊΠ»Π°ΡΡ body Π½Π° js.
- Π ΡΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π° CSS, ΠΊΠΎΡΠΎΡΡΠ΅ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΠΌΠ΅Π½ΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ javascript, Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π²ΠΏΠ΅ΡΡΠ΄ Π»ΠΈΡΠ½ΠΈΠΉ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ β .js:
.js .hidechild .body {display:none;} .js .showchild .hidechild .body {display:none;}
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Π΅ΡΠ»ΠΈ javascript ΠΎΡΠΊΠ»ΡΡΡΠ½, Π½ΠΈΠΊΡΠΎ Π½Π΅ ΠΏΠΎΠΌΠ΅Π½ΡΠ΅Ρ ΠΊΠ»Π°ΡΡ body Π½Π° js, ΠΈ ΠΏΡΠ°Π²ΠΈΠ»Π° display:none; Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ Π±ΡΠ΄ΡΡ ΡΡΠ°Π±Π°ΡΡΠ²Π°ΡΡ (Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΡΡΠ°Π½ΠΈΡΡ Π±ΡΠ΄ΡΡ ΡΡΠ°Π·Ρ Π²ΠΈΠ΄Π½Ρ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅).
ΠΠΎΡ ΡΠ°Π±ΠΎΡΠΈΠΉ ΠΏΡΠΈΠΌΠ΅Ρ, ΠΈΠ»Π»ΡΡΡΡΠΈΡΡΡΡΠΈΠΉ ΡΠΊΡΡΡΠΈΠ΅-ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π³Π΅Π½Π΅ΡΠ°ΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ (Π²ΠΎ Π²ΡΠΎΡΠΎΠΌ ΡΠ»ΡΡΠ°Π΅) ΠΈ ΡΠ΄ΠΎΠ±ΡΡΠ²Π° Π΄Π»Ρ ΠΏΠ°ΡΠ°Π½ΠΎΠΈΠΊΠΎΠ²: hidechild.html
ΠΠΈΠ»Π΅ΡΠ°Π½Ρ
ΠΠΎΠΊΠ°Π·Π°ΡΡ/ΡΠΊΡΡΡΡ Π±Π»ΠΎΠΊ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠ΅ΡΠ΅Π· js β’ ΡΡΠΈΠ»Π°Π½Ρ-ΡΠ°Π±ΠΎΡΠ° Π΄Π»Ρ ΡΠΏΠ΅ΡΠΈΠ°Π»ΠΈΡΡΠ° β’ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡ Javascript β‘ ΠΠ°ΠΊΠ°Π·ΡΠΈΠΊ Π‘Π΅ΡΠ³Π΅ΠΉ ΠΠ°Π»Π°ΠΌΠ°ΡΡΡΠΊ
6 ΠΈΠ· 6
ΠΏΡΠΎΠ΅ΠΊΡ Π·Π°Π²Π΅ΡΡΠ΅Π½
ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΡ
ΠΏΡΠΈΠ΅ΠΌ ΡΡΠ°Π²ΠΎΠΊ
ΡΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΠ΅ ΡΡΠ»ΠΎΠ²ΠΈΠΉ
ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅
Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΏΡΠΎΠ΅ΠΊΡΠ°
ΠΏΡΠΎΠ΅ΠΊΡ Π·Π°Π²Π΅ΡΡΠ΅Π½
ΠΠ° ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π²ΡΠ²ΠΎΠ΄ΠΈΡΡΡ, Π΄ΠΎΠΏΡΡΡΠΈΠΌ, 10 ΡΠΎΠ²Π°ΡΠΎΠ² Ρ ΠΊΡΠ°ΡΠΊΠΈΠΌΠΈ Ρ Π°ΡΠ°ΠΊΡΠ΅ΡΠΈΡΡΠΈΠΊΠ°ΠΌΠΈ. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠΎΠ²Π°Ρ ΠΈΠΌΠ΅Π΅Ρ Π²ΠΈΠ΄ΠΈΠΌΡΡ ΡΠ°ΡΡΡ β ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΠΈ ΡΠΊΡΡΡΡΡ ΡΠ°ΡΡΡ. Π‘ΠΏΠΈΡΠΎΠΊ ΡΠΎΠ²Π°ΡΠΎΠ² ΠΈΠΌΠ΅Π΅Ρ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΡΡΡΡΠΊΡΡΡΡ:
<div>
<div>ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠ²Π°ΡΠ΅</div>
<button type=Β»buttonΒ» title=Β»ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅Β»>ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅</button>
<div>Π‘ΠΊΡΡΡΠ°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠ²Π°ΡΠ΅</div>
</div>
βββββββββ ΠΡΠ΅ Π±Π»ΠΎΠΊΠΈ ΡΠΎΠ²Π°ΡΠΎΠ² βββββββββββββββ-
<div>
<div>ΠΡΠ½ΠΎΠ²Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠ²Π°ΡΠ΅</div>
<button type=Β»buttonΒ» title=Β»ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅Β»>ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅</button>
<div>Π‘ΠΊΡΡΡΠ°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΡΠΎΠ²Π°ΡΠ΅</div>
</div>
Π§ΡΠΎ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ?
ΠΠΎΠ΄ ΠΊΠ°ΠΆΠ΄ΡΠΌ Π±Π»ΠΎΠΊΠΎΠΌ ΡΠΎΠ²Π°ΡΠ° Π΅ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅Β». ΠΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, ΡΠΊΡΡΡΠ°Ρ ΡΠ°ΡΡΡ ΠΎΠΏΠΈΡΠ°Π½ΠΈΡ ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠ³ΠΎ ΡΠΎΠ²Π°ΡΠ° ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ (ΠΊΠ»Π°ΡΡ dopinfofalse ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π° dopinfoactive). ΠΠΈΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈ ΡΡΠΎΠΌ ΡΠΎΠΆΠ΅ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ (Π½ΡΠΆΠ½ΠΎ ΠΌΠ΅Π½ΡΡΡ ΠΊΠ»Π°ΡΡ buttfalse Π½Π° buttactive). ΠΠΎΡΠ»Π΅ ΠΏΠΎΠ²ΡΠΎΡΠ½ΠΎΠ³ΠΎ Π½Π°ΠΆΠ°ΡΠΈΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Π²ΠΈΠ΄ Π±Π»ΠΎΠΊΠ° ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°ΡΡΡΡ Π² ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΉ Π²ΠΈΠ΄. ΠΠ°ΠΆΠ΄ΡΠΉ ΡΠ°ΠΊΠΎΠΉ Π±Π»ΠΎΠΊ ΠΈ ΠΊΠ°ΠΆΠ΄Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΈΠΌΠ΅Π΅Ρ ΡΠ²ΠΎΠΉ ΡΠ½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ id (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ dopinfo25, Π³Π΄Π΅ ΡΠΈΡΠ»ΠΎ 25 β ΠΊΠΎΠ΄ ΡΠΎΠ²Π°ΡΠ°).
ΠΡΠ»ΠΈ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ Π·Π°Π΄Π°ΡΠΈ Π½ΡΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΅ΡΠ΅ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ html β Π½Π΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ°. ΠΠΎΠΆΠ΅Ρ Π΅ΡΡΡ ΠΌΠ΅Π½Π΅Π΅ Π·Π°ΠΌΠΎΡΠΎΡΠ΅Π½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ΅ΡΠ΅Π½ΠΈΡ Π·Π°Π΄Π°ΡΠΈ, Π³ΠΎΡΠΎΠ² Π²ΡΡΠ»ΡΡΠ°ΡΡ.
ΠΡΠ·ΡΠ² Π·Π°ΠΊΠ°Π·ΡΠΈΠΊΠ° ΠΎ ΡΠΎΡΡΡΠ΄Π½ΠΈΡΠ΅ΡΡΠ²Π΅ Ρ ΠΠ°Π½ΠΈΠΈΠ»ΠΎΠΌ Π¦ΠΈΠΎΠΌΠΎΠΉ
ΠΠΎΠΊΠ°Π·Π°ΡΡ/ΡΠΊΡΡΡΡ Π±Π»ΠΎΠΊ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠ΅ΡΠ΅Π· jsΠΠ°ΡΠ΅ΡΡΠ²ΠΎ
ΠΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΠΈΠ·ΠΌ
Π‘ΡΠΎΠΈΠΌΠΎΡΡΡ
ΠΠΎΠ½ΡΠ°ΠΊΡΠ½ΠΎΡΡΡ
Π‘ΡΠΎΠΊΠΈ
Π Π°Π±ΠΎΡΠ° Π²ΡΠΏΠΎΠ»Π½Π΅Π½Π° ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠ²Π½ΠΎ.
ΠΠΎΠΊΠ°Π·Π°ΡΡ/ΡΠΊΡΡΡΡ Π±Π»ΠΎΠΊ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠ΅ΡΠ΅Π· js
ΠΠΏΠ»Π°ΡΠ°
ΠΠΎΡΡΠ°Π½ΠΎΠ²ΠΊΠ° Π·Π°Π΄Π°ΡΠΈ
Π§Π΅ΡΠΊΠΎΡΡΡ ΡΡΠ΅Π±ΠΎΠ²Π°Π½ΠΈΠΉ
ΠΠΎΠ½ΡΠ°ΠΊΡΠ½ΠΎΡΡΡ
- Π‘ΡΠ°Π²ΠΊΠΈ 10
- ΠΠ±ΡΡΠΆΠ΄Π΅Π½ΠΈΠ΅ 3
Π΄Π°ΡΠ° ΠΎΠ½Π»Π°ΠΉΠ½ ΡΠ΅ΠΉΡΠΈΠ½Π³ ΡΡΠΎΠΈΠΌΠΎΡΡΡ Π²ΡΠ΅ΠΌΡ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ
ΠΠΎΠ±Π΅Π΄ΠΈΠ²ΡΠ°Ρ ΡΡΠ°Π²ΠΊΠ°1 Π΄Π΅Π½Ρ200β―UAH
ΠΠΎΠ±Π΅Π΄ΠΈΠ²ΡΠ°Ρ ΡΡΠ°Π²ΠΊΠ°1 Π΄Π΅Π½Ρ200β―UAH
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, Π³ΠΎΡΠΎΠ² Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π±Π»ΠΎΠΊ ΠΏΡΡΠΌΠΎ ΡΠ΅ΠΉΡΠ°Ρ.
ΠΠ΄Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΎΡΠ²Π΅ΡΠ°.1 Π΄Π΅Π½Ρ200β―UAH
1 Π΄Π΅Π½Ρ200β―UAH
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅.
ΠΠΎΡΠΎΠ² ΡΠ΄Π΅Π»Π°ΡΡ ΠΠ°Ρ Π·Π°ΠΊΠ°Π·. ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅Π΅ Π² Π»Ρ.
ΠΡΠ΄Ρ ΡΠ°Π΄ ΡΠΎΡΡΡΠ΄Π½ΠΈΡΠ΅ΡΡΠ²Ρ.ΠΠ±ΡΠ°ΡΠ°ΠΉΡΠ΅ΡΡ.
ΡΡΠΈΠ»Π°Π½ΡΠ΅Ρ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΡΠ΅ΡΠ²ΠΈΡΠ΅
1 Π΄Π΅Π½Ρ200β―UAH
1 Π΄Π΅Π½Ρ200β―UAH
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, Π±Π΅Π· ΠΏΡΠΎΠ±Π»Π΅ΠΌ Π³ΠΎΡΠΎΠ² Π½Π°ΠΏΠΈΡΠ°ΡΡ ΠΊΠΎΠ΄ ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ/ΡΠΊΡΡΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ.
ΡΡΠΈΠ»Π°Π½ΡΠ΅Ρ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΡΠ΅ΡΠ²ΠΈΡΠ΅
- 3185β³ data-days=Β»1β³ data-lastactivity=Β»1639655161β³>
ΡΡΠΈΠ»Π°Π½ΡΠ΅Ρ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΡΠ΅ΡΠ²ΠΈΡΠ΅
1 Π΄Π΅Π½Ρ150β―UAH
1 Π΄Π΅Π½Ρ150β―UAH
ΠΠΎΠ±ΡΡΠΉ Π²Π΅ΡΠ΅Ρ, Π‘Π΅ΡΠ³Π΅ΠΉ. ΠΠΎΡΠΎΠ² Π½Π°ΠΏΠΈΡΠ°ΡΡ ΡΠΊΡΠΈΠΏΡ, Ρ ΠΌΠ΅Π½Ρ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΠΏΡΡ Ρ JS. ΠΠΈΡΠΈΡΠ΅, ΠΎΠ±ΡΡΠ΄ΠΈΠΌ Π΄Π΅ΡΠ°Π»ΠΈ.
ΡΡΠ°Π²ΠΊΠ° ΡΠΊΡΡΡΠ° ΡΡΠΈΠ»Π°Π½ΡΠ΅ΡΠΎΠΌ
ΡΡΠ°Π²ΠΊΠ° ΡΠΊΡΡΡΠ° ΡΡΠΈΠ»Π°Π½ΡΠ΅ΡΠΎΠΌ
ΡΡΠΈΠ»Π°Π½ΡΠ΅Ρ Π±ΠΎΠ»ΡΡΠ΅ Π½Π΅ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π½Π° ΡΠ΅ΡΠ²ΠΈΡΠ΅
2 Π³ΠΎΠ΄Π° Π½Π°Π·Π°Π΄
156 ΠΏΡΠΎΡΠΌΠΎΡΡΠΎΠ²
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ².

- ΠΠ°ΠΊ ΡΡΠΎ ΡΡΡΡΠΎΠ΅Π½ΠΎ
- ΠΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΠ΅
- ΠΡΠΈΠΌΠ΅ΡΡ
- Π‘ΠΊΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
- ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈ ΠΏΠ΅ΡΠ°ΡΠΈ
ΠΡΡΡΡΠΎΠ΅ ΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΈΠ²Π½ΠΎΠ΅ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΈ ΠΌΠ½ΠΎΠ³ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΡΠΈΡ ΡΠ»ΡΠΆΠ΅Π±Π½ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΠΊΠ»ΡΡΠ°Π΅Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΎΠ±ΡΠΈΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ, Π° ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΡΠ½ΠΊΡΠΈΠΈ Π΄Π»Ρ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ ΠΏΡΠΈ ΠΏΠ΅ΡΠ°ΡΠΈ.
ΠΠ°ΠΊ ΡΡΠΎ ΡΡΡΡΠΎΠ΅Π½ΠΎ
ΠΠ·ΠΌΠ΅Π½ΡΠΉΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²ΠΎΠΉΡΡΠ²Π° display
Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΡΠΈΡ
ΠΎΠ±ΡΡΠ½ΡΡ
ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΡ
ΠΊΠ»Π°ΡΡΠΎΠ² ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ. ΠΡ Π½Π°ΠΌΠ΅ΡΠ΅Π½Π½ΠΎ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΠΌ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄Π½Π°Π±ΠΎΡ Π²ΡΠ΅Ρ
Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΡ
Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ ΡΠ²ΠΎΠΉΡΡΠ²Π° display
. ΠΠ»Π°ΡΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΊΠΎΠΌΠ±ΠΈΠ½ΠΈΡΠΎΠ²Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΡΡΠ΅ΠΊΡΠΎΠ², ΠΊΠ°ΠΊ Π²Π°ΠΌ Π½Π°Π΄ΠΎ.
ΠΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΠ΅
ΠΠ»Π°ΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ΄Ρ
ΠΎΠ΄ΡΡ Π²ΡΠ΅ΠΌ Π±ΡΠ΅ΠΉΠΊΠΏΠΎΠΉΠ½ΡΠ°ΠΌ, ΠΎΡ xs
Π΄ΠΎ xl
, Π½Π΅ ΠΈΠΌΠ΅ΡΡ Π² ΡΠ²ΠΎΠ΅ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠΈ Π°Π±Π±ΡΠ΅Π²ΠΈΠ°ΡΡΡΡ Π±ΡΠ΅ΠΉΠΊΠΏΠΎΠΉΠ½ΡΠ°, Ρ. ΠΊ. ΡΡΠΈ ΠΊΠ»Π°ΡΡΡ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡΡΡ, Π½Π°ΡΠΈΠ½Π°Ρ ΠΎΡ
min-width: 0;
ΠΈ Π²ΡΡΠ΅, ΠΈ Ρ.ΠΎ., Π½Π΅ Β«ΡΠ²ΡΠ·Π°Π½ΡΒ» ΠΌΠ΅Π΄ΠΈΠ°-Π·Π°ΠΏΡΠΎΡΠ°ΠΌΠΈ. ΠΡΡΠ°Π²ΡΠΈΠ΅ΡΡ Π±ΡΠ΅ΠΉΠΊΠΏΠΎΠΉΠ½ΡΡ, ΠΎΠ΄Π½Π°ΠΊΠΎ, Π²ΠΊΠ»ΡΡΠ°ΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΠ΅ Π°Π±Π±ΡΠ΅Π²ΠΈΠ°ΡΡΡΡ Π±ΡΠ΅ΠΉΠΊΠΏΠΎΠΉΠ½ΡΠ°.
ΠΠΎΡΡΠΎΠΌΡ ΠΊΠ»Π°ΡΡΡ Π½Π°Π·ΡΠ²Π°ΡΡΡΡ ΠΏΠΎ ΡΠΎΡΠΌΠ°ΡΡ:
.d-{value}
Π΄Π»Ρxs
.d-{breakpoint}-{value}
Π΄Π»Ρsm
,md
,lg
ΠΈxl
.
ΠΠ΄Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ β ΡΡΠΎ ΠΎΠ΄Π½ΠΎ ΠΈΠ·:
none
inline
inline-block
block
table
table-cell
table-row
flex
inline-flex
ΠΠ΅Π΄ΠΈΠ°-Π·Π°ΠΏΡΠΎΡΡ Π²Π»ΠΈΡΡΡ Π½Π° ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π°, Π½Π°ΡΠΈΠ½Π°Ρ Ρ ΡΠΊΠ°Π·Π°Π½Π½Π½ΠΎΠ³ΠΎ Π±ΡΠ΅ΠΉΠΊΠΏΠΎΠ½ΡΠ° ΠΈΠ»ΠΈ Π±ΠΎΠ»ΡΡΠ΅. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, .d-lg-none
Π·Π°Π΄Π°Π΅Ρ display: none;
Π½Π° ΠΎΠ±ΠΎΠΈΡ
lg
ΠΈ xl
.
ΠΡΠΈΠΌΠ΅ΡΡ
d-inline
d-inline
<div>d-inline</div> <div>d-inline</div>
d-block d-block
<span>d-block</span> <span>d-block</span>
Π‘ΠΊΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ²
ΠΠ»Ρ Π±ΡΡΡΡΠΎΠΉ ΠΌΠΎΠ±ΠΈΠ»-ΡΡΠ΅Π½Π΄Π»ΠΈ Π²Π΅Π±-ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠ΅ ΠΊΠ»Π°ΡΡΡ Π΄Π»Ρ ΠΏΠΎΠΊΠ°Π·Π° ΠΈ ΡΠΊΡΡΡΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π½Π° ΡΡΡΡΠΎΠΉΡΡΠ²Π΅. ΠΠ·Π±Π΅Π³Π°ΠΉΡΠ΅ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΡΠ°Π·Π½ΡΡ Π²Π΅ΡΡΠΈΠΉ ΡΠ°ΠΉΡΠ°, Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΡΡΠΎ Β«ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΒ» ΠΏΡΡΡΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΡΠΊΡΠ°Π½Π°.
Π§ΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΊΠ»Π°ΡΡ .d-none
ΠΈΠ»ΠΈ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΠΊΠ»Π°ΡΡΠΎΠ² .d-{sm,md,lg,xl}-none
.
ΠΠ»Ρ ΠΏΠΎΠΊΠ°Π·Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠΌ ΠΈΠ½Π²Π΅ΡΠ²Π°Π»Π΅ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² ΡΠΊΡΠ°Π½Π° Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΡΠ΅ΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΊΠ»Π°ΡΡ .d-*-none
Ρ ΠΊΠ»Π°ΡΡΠΎΠΌ .d-*-*
, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ .d-none .d-md-block .d-xl-none
ΡΠΊΡΠΎΠ΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π½Π° Π²ΡΠ΅Ρ
ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ
ΡΠΊΡΠ°Π½Π°, ΠΊΡΠΎΠΌΠ΅ ΡΡΠ΅Π΄Π½ΠΈΡ
ΠΈ Π±ΠΎΠ»ΡΡΠΈΡ
.
Π Π°Π·ΠΌΠ΅Ρ ΡΠΊΡΠ°Π½Π° | ΠΠ»Π°ΡΡ |
---|---|
Π‘ΠΊΡΡΡ Π½Π° Π²ΡΠ΅Ρ | .d-none |
Π‘ΠΊΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° xs | .d-none .d-sm-block |
Π‘ΠΊΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° sm | .d-sm-none .d-md-block |
Π‘ΠΊΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° md | .d-md-none .d-lg-block |
Π‘ΠΊΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° lg | .d-lg-none .d-xl-block |
Π‘ΠΊΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° xl | .d-xl-none |
ΠΠΈΠ΄Π΅Π½ Π½Π° Π²ΡΠ΅Ρ | .d-block |
ΠΠΈΠ΄Π΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° xs | .d-block .d-sm-none |
ΠΠΈΠ΄Π΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° sm | .d-none .d-sm-block .d-md-none |
ΠΠΈΠ΄Π΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° md | . |
ΠΠΈΠ΄Π΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° lg | .d-none .d-lg-block .d-xl-none |
ΠΠΈΠ΄Π΅Π½ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° xl | .d-none .d-xl-block |
Π‘ΠΊΡΡΡΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ ΡΠΈΡΠ΅ lg
Π‘ΠΊΡΡΡΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ ΠΌΠ΅Π½ΡΡΠ΅ lg
<div>Π‘ΠΊΡΡΡΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ ΡΠΈΡΠ΅ lg</div> <div>Π‘ΠΊΡΡΡΠΎ Π½Π° ΡΠΊΡΠ°Π½Π°Ρ ΠΌΠ΅Π½ΡΡΠ΅ lg</div>
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈ ΠΏΠ΅ΡΠ°ΡΠΈ
ΠΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ Π°ΡΡΠΈΠ±ΡΡ display
ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΠΏΡΠΈ ΠΏΠ΅ΡΠ°ΡΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π°ΡΠΈΡ
ΠΊΠ»Π°ΡΡΠΎΠ². Π‘ΡΠ΄Π° Π²Ρ
ΠΎΠ΄ΠΈΡ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠ° ΡΠ°ΠΊΠΈΡ
ΠΆΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ display
, ΠΊΠ°ΠΊ Π² Π½Π°ΡΠΈΡ
ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΡ
ΠΊΠ»Π°ΡΡΠ°Ρ
.d-*
.
.d-print-none
.d-print-inline
.d-print-inline-block
.d-print-block
.d-print-table
.d-print-table-row
.
d-print-table-cell
.d-print-flex
.d-print-inline-flex
ΠΠ»Π°ΡΡΡ ΠΏΠ΅ΡΠ°ΡΠΈ ΠΈ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΡΠ΅ΡΠ°ΡΡ.
Π’ΠΎΠ»ΡΠΊΠΎ ΡΠΊΡΠ°Π½ (Π‘ΠΊΡΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ)
Π’ΠΎΠ»ΡΠΊΠΎ ΠΏΠ΅ΡΠ°ΡΡ (Π‘ΠΊΡΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΠΊΡΠ°Π½Π΅)
Π‘ΠΊΡΡΡΡ Π΄ΠΎ Π±ΠΎΠ»ΡΡΠΈΡ ΡΠΊΡΠ°Π½ΠΎΠ², Π½ΠΎ Π²ΡΠ΅Π³Π΄Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ
<div>Π’ΠΎΠ»ΡΠΊΠΎ ΡΠΊΡΠ°Π½ (Π‘ΠΊΡΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ)</div> <div>Π’ΠΎΠ»ΡΠΊΠΎ ΠΏΠ΅ΡΠ°ΡΡ (Π‘ΠΊΡΡΡΠΎ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΠΊΡΠ°Π½Π΅)</div> <div>Π‘ΠΊΡΡΡΡ Π΄ΠΎ Π±ΠΎΠ»ΡΡΠΈΡ ΡΠΊΡΠ°Π½ΠΎΠ², Π½ΠΎ Π²ΡΠ΅Π³Π΄Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π΄Π»Ρ ΠΏΠ΅ΡΠ°ΡΠΈ</div>
Please enable JavaScript to view the comments powered by Disqus.
ΠΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΈ ΡΠΊΡΡΡΠΈΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ β ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ
ΠΠ½ΠΎΠΏΠΊΠ°, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠ°Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΈΠ»ΠΈ ΡΠΊΡΡΠ²Π°ΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, Π½Π°Π·ΡΠ²Π°Π΅ΡΡΡ ΡΠ°ΡΠΊΡΡΡΠΈΠ΅ΠΌ. Π‘ΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ°ΠΊΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΡΠΌΠΈ.
Π§ΡΠΎ ΡΠ°ΠΊΠΎΠ΅ ΡΠ°ΡΠΊΡΡΡΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ?
ΠΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΡΡΠΈΡΠ°Π΅ΡΡΡ ΡΠ°ΡΠΊΡΡΡΠΈΠ΅ΠΌ, Π΅ΡΠ»ΠΈ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ ΡΠΊΡΡΡΠΈΡ ΡΠ΅Π³ΠΌΠ΅Π½ΡΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΎΠ΄Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°. ΠΠ½ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΠΎΠ³ΠΎ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΡΠΊΡΡΠ²Π°Π΅Ρ ΠΎΠ²Π΅ΡΠ»Π΅ΠΉ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠΈΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π·Π°ΠΊΡΡΡΠΈΡ.
ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΡ:
Π§Π°ΡΡΠΎ Π·Π°Π΄Π°Π²Π°Π΅ΠΌΡΠ΅ Π²ΠΎΠΏΡΠΎΡΡ, Π³Π΄Π΅ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π²ΠΎΠΏΡΠΎΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΠΎΠ±ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΡ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΠΈΠ»ΠΈ ΡΠΊΡΡΠ²Π°Π΅Ρ ΠΎΡΠ²Π΅Ρ.
ΠΠ°ΠΌΠ±ΡΡΠ³Π΅Ρ-ΠΌΠ΅Π½Ρ Π² ΠΌΠΎΠ±ΠΈΠ»ΡΠ½ΠΎΠΌ ΠΎΠΊΠ½Π΅ ΠΏΡΠΎΡΠΌΠΎΡΡΠ°, ΡΠ°ΡΡΠΎ Π²ΠΈΠ·ΡΠ°Π»ΠΈΠ·ΠΈΡΡΠ΅ΠΌΠΎΠ΅ ΡΡΠ΅ΠΌΡ Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½ΡΠΌΠΈ ΠΏΠΎΠ»ΠΎΡΠ°ΠΌΠΈ:
ΠΡΠΏΠ°Π΄Π°ΡΡΠ΅Π΅ ΠΌΠ΅Π½Ρ:
ΠΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΠ΅ ΡΠ°ΡΠΊΡΡΡΠΈΠ΅ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ
- ΠΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ΄Π΅
- Π‘ΠΊΡΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ
display:none
- ΠΠ½ΡΠΎΡΠΌΠΈΡΠΎΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ ΠΎ ΡΡΠ°ΡΡΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°Π·Π²Π΅ΡΡΡΠ²Π°Π½ΠΈΡ/ΡΠ²Π΅ΡΡΡΠ²Π°Π½ΠΈΡ
ΠΠ°ΠΊΠ°Π· ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°
ΠΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ
ΠΎΠ΄ΠΈΡ Π΄ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°ΡΠΊΡΡΡΠΈΡ ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈΠ»ΠΈ ΡΡΠ΄ΠΎΠΌ Ρ Π½Π΅ΠΉ. Π§ΡΠΎ ΠΊΠ°ΡΠ°Π΅ΡΡΡ ΠΈΡΡ
ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π°, ΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ ΠΈΠ½ΠΎΠ³Π΄Π° Π½Π΅ΠΏΡΠ°Π²ΠΎΠΌΠ΅ΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΏΠ΅ΡΠ΅Π΄ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΈΠ»ΠΈ Π½Π°ΠΌΠ½ΠΎΠ³ΠΎ Π½ΠΈΠΆΠ΅. ΠΡΠΎ Π²ΡΠ·ΡΠ²Π°Π΅Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ Π²ΠΈΠ΄ΡΡ ΡΠ²ΠΎΠΉ ΡΠΊΡΠ°Π½.
ΠΠΎΡΡΠ΄ΠΎΠΊ ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ΄Π° Π΄ΠΎΠ»ΠΆΠ΅Π½ Π±ΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌ ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° ΡΠ°ΡΠΊΡΡΡΠΈΡ: Π½Π°ΡΠ½ΠΈΡΠ΅ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ/ΡΠΊΡΡΠ²Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, Π·Π°ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΠΌΠΎΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅.
Π‘ΠΊΡΡΡΠΈΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ display:none
ΠΠΎΠ³Π΄Π° ΡΠ°ΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΡΠΊΡΡΡΠ°, ΠΎΠ½Π° Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΠΊΡΡΡΠ° ΠΎΡ Π²ΡΠ΅Ρ
. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ display: none
, ΡΡΠΎΠ±Ρ ΡΠΊΡΡΡΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΎΠ½ Π±ΡΠ΄Π΅Ρ Π½Π΅Π²ΠΈΠ΄ΠΈΠΌ ΠΊΠ°ΠΊ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°, ΡΠ°ΠΊ ΠΈ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡ ΡΠΊΡΡΡΡΠΉ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π±ΡΠ»ΡΡΠΈΠΈ.
ΠΠΎΡΡΡΠΏΠ½ΡΠ΅ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ
ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠ΅ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡΡ, ΡΠ°ΠΊΠΈΠ΅ ΠΊΠ°ΠΊ ΡΡΡΠ΅Π»ΠΊΠΈ, ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΊΠ°ΠΊ ΡΠ°ΡΡΠΈΡΡΠ΅ΠΌΠΎΠΉ/ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΠΌΠΎΠΉ. ΠΡΠΎΡ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΎΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΏΠΎΠ΄ΡΠ°Π·ΡΠΌΠ΅Π²Π°Π΅Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅. Π’ΠΎΡ, Ρ ΠΊΠΎΠ³ΠΎ Π½Π΅Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΠΎΠ±Π·ΠΎΡΠ° ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠΊΡΠ°Π½Π°, Π½Π΅ Π·Π½Π°Π΅Ρ, ΡΡΠΎ ΡΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ ΡΠ°ΡΡΠΈΡΡΡΡΡΡ/ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΡΡ ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ. Π’Π΅ΠΊΡΡΠ΅Π΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° (Π²ΠΈΠ΄ΠΈΠΌΠΎΠ΅ ΠΈΠ»ΠΈ ΡΠΊΡΡΡΠΎΠ΅) ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ΡΡΠ½ΠΎ. ΠΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠΏΠΎΡΠΎΠ±ΠΎΠ² ΡΠ΅ΡΠΈΡΡ ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ.
ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΌΠ΅ΡΠΊΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΌΠ΅ΡΠΊΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΡΠΎΠ±Ρ ΡΠΊΠ°Π·Π°ΡΡ, ΠΊΠ°ΠΊΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΠΎΠ½Π° Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π·Π½Π°ΡΠΎΠΊ Π³Π°ΠΌΠ±ΡΡΠ³Π΅ΡΠ°, Π²Π΅Π΄ΡΡΠΈΠΉ ΠΊ ΡΠ²ΠΎΡΠ°ΡΠΈΠ²Π°Π΅ΠΌΠΎΠΌΡ ΠΌΠ΅Π½Ρ, ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΠΌΠ΅Π΅Ρ ΠΌΠ΅ΡΠΊΡ, ΡΠΎΠΎΠ±ΡΠ°ΡΡΡΡ, ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° Π±ΡΠ΄Π΅Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΌΠ΅Π½Ρ ΠΏΡΠΈ Π°ΠΊΡΠΈΠ²Π°ΡΠΈΠΈ:
ΠΡΠ»ΡΡΡΡΠ½ΠΎΠ΅ ΠΌΠ΅Π½Ρ
ΠΠΎΠ³Π΄Π° ΠΌΠ΅Π½Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ, ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΠ΅ ΠΌΠ΅ΡΠΊΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° Β«ΡΠΊΡΡΡΡ ΠΌΠ΅Π½ΡΒ».
ΠΠ΅ Π²ΡΠ΅Π³Π΄Π° Π»Π΅Π³ΠΊΠΎ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΡ ΡΠΎΡΠΌΡΠ»ΠΈΡΠΎΠ²ΠΊΡ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ Π΅ΡΠ»ΠΈ ΡΠ΅ΡΡ ΠΈΠ΄Π΅Ρ ΠΎ ΠΌΠ½ΠΎΠ³ΠΎΡΠ·ΡΡΠ½ΡΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°Ρ .
Π‘ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΡΠΌΠΈ
ΠΈ ΡΠ²ΠΎΠ΄ΠΊΠΎΠΉ
ΠΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ?ΠΡΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ.
<ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΠΈ>ΠΠ°ΠΊ ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ? ΠΡΠΎ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ.
ΠΠ° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΡΠΎΠ³ΠΎ HTML-ΠΊΠΎΠ΄Π° Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ Π±ΡΠ°ΡΠ·Π΅ΡΠΎΠ² ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ Π·Π°ΠΏΠΎΠ»Π½ΡΡΡ Π΄Π΅ΡΠ΅Π²ΠΎ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ
Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ, ΠΏΠΎΡΡΠΎΠΌΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π° ΠΌΠΎΠ³ΡΡ ΠΎΠ±ΡΡΠ²ΠΈΡΡ ΡΠ΅ΠΊΡΡΡΡ ΡΠΎΠ»Ρ ΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°.
Π‘
aria-expanded
ARIA ΡΠ°ΠΊΠΆΠ΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΠΏΡΠΈΠ΅ΠΉ. ΠΠ·Π³Π»ΡΠ½ΠΈΡΠ΅ Π½Π° ΠΏΡΠ°ΠΊΡΠΈΠΊΡ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° Β«ΠΏΠΎΠΊΠ°Π·Π°ΡΡ-ΡΠΊΡΡΡΡΒ», ΡΡΠΎΠ±Ρ ΡΠ²ΠΈΠ΄Π΅ΡΡ, ΠΊΠ°ΠΊ ΡΡΠΎ Π΄Π΅Π»Π°Π΅ΡΡΡ.
ΠΡΠΈΠΌΠ΅Ρ
- Π ΠΎΡΠ»ΠΈΡΠΈΠ΅ ΠΎΡ ΠΌΠ΅ΡΠΎΠ΄ΠΈΠΊΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ
Π΄Π΅ΡΠ°Π»Π΅ΠΉ
ΠΈΡΠ²ΠΎΠ΄ΠΎΠΊ
, Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ ΡΡΠ΅Π½Π°ΡΠΈΠΉ Π΄Π»Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ/ΡΠΊΡΡΡΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ. - ΠΡΡΠΈΠ±ΡΡ
aria-expanded
ΠΏΠ΅ΡΠ΅Π΄Π°Π΅Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ Π±Π»ΠΎΠΊΠ° ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π² Π΄Π΅ΡΠ΅Π²ΠΎ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ. Aria-expanded=Β»trueΒ» ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅Π½Ρ Π²ΠΈΠ΄Π΅Π½. Aria-expanded=Β»falseΒ» ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ Π² Π½Π°ΡΡΠΎΡΡΠ΅Π΅ Π²ΡΠ΅ΠΌΡ ΡΠΊΡΡΡΠΎ. ΠΡΠ΅Π³Π΄Π° ΡΠΈΠ½Ρ ΡΠΎΠ½ΠΈΠ·ΠΈΡΡΠΉΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΡΠΎΠ³ΠΎ Π°ΡΡΠΈΠ±ΡΡΠ° Ρ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ΠΌ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ° . ΠΡΠΎΠ³ΡΠ°ΠΌΠΌΡ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π° ΠΎΠ±ΡΡΠ²ΡΡ ΠΎΠ± ΡΡΠΎΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΈ, ΠΊΠΎΠ³Π΄Π° ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΠΎΠ»ΡΡΠΈΡ ΡΠΎΠΊΡΡ. - ΠΠΎΠ±Π°Π²ΡΡΠ΅
aria-expanded
Π°ΡΡΠΈΠ±ΡΡ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅, ΠΊΠΎΡΠΎΡΠ°Ρ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°Π΅Ρ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΡΠΊΡΡΡΠΎΠ³ΠΎ/ΠΏΠΎΠΊΠ°Π·Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ . - Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ Π°ΡΡΠΈΠ±ΡΡ
aria-expanded
ΠΈΠΌΠ΅Π΅Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ . ΠΠ΅ Π΄ΠΎΠ±Π°Π²Π»ΡΠΉΡΠ΅ Π΅Π³ΠΎ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°. - ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΡΡ ΠΌΠ΅ΡΠΊΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΠΌΠ΅ΡΠΎΠ΄Π°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Β«ΠΌΠ΅Π½ΡΒ» Π²ΠΌΠ΅ΡΡΠΎ Β«ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΌΠ΅Π½ΡΒ» ΠΈΠ»ΠΈ Β«ΡΠΊΡΡΡΡ ΠΌΠ΅Π½ΡΒ». ΠΠ΅ΡΠΊΠ° ΠΎΡΡΠ°Π΅ΡΡΡ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΠΎΠΉ, Π² ΡΠΎ Π²ΡΠ΅ΠΌΡ ΠΊΠ°ΠΊ aria-expanded ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅.
- ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ΄Π° ΡΠ°ΠΊΠΆΠ΅ ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ Π°ΡΡΠΈΠ±ΡΡ
aria-controls
. ΠΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ ΡΠΎΠΎΠ±ΡΠ°Π΅Ρ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌ, ΠΊΠ°ΠΊΠΈΠΌ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ ΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°. ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡaria-controls
ΠΎΠ±ΡΡΠ½ΠΎ ΡΠ°ΡΠΏΠΎΠ»Π°Π³Π°Π΅ΡΡΡ ΡΡΠ°Π·Ρ ΠΏΠΎΡΠ»Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ΄Π΅ ΡΠ°ΡΠΊΡΡΡΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ, ΡΡΠΎΡ Π°ΡΡΠΈΠ±ΡΡ ΡΠ²Π»ΡΠ΅ΡΡΡ Π½Π΅ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΠΌ.
Π‘Π²Π΅ΡΠ½ΡΡΡ Β· ΠΠ°ΡΠ°Π»ΡΠ½Π°Ρ Π·Π°Π³ΡΡΠ·ΠΊΠ°
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΠ΅ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° Π² Π²Π°ΡΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΠΊΠ»Π°ΡΡΠΎΠ² ΠΈ Π½Π°ΡΠΈΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌΡΡ ΠΌΠΎΠ΄ΡΠ»Π΅ΠΉ JavaScript.
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½ΠΈΠΆΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΠΈΠ»ΠΈ ΡΠΊΡΡΡΡ Π΄ΡΡΠ³ΠΎΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠ°:
-
.
ΡΠΊΡΡΠ²Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅collapse
-
.collapsing
ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π²ΠΎ Π²ΡΠ΅ΠΌΡ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΎΠ² -
.collapse.show
ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΡΠ»ΠΊΡ Ρ Π°ΡΡΠΈΠ±ΡΡ href
ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° Ρ Π°ΡΡΠΈΠ±ΡΡΠΎΠΌ data-target . Π ΠΎΠ±ΠΎΠΈΡ
ΡΠ»ΡΡΠ°ΡΡ
ΡΡΠ΅Π±ΡΠ΅ΡΡΡ data-toggle="collapse"
.
Π‘ΡΡΠ»ΠΊΠ° Ρ href
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus Terry Richardson ad Squid. Nihil anim keffiyeh Helvetica, ΡΠ΅ΠΌΠ΅ΡΠ»Π΅Π½Π½ΠΎΠ΅ ΠΏΠΈΠ²ΠΎ Labore Wes Anderson cred nesciunt sapiente ea proident.