Версия для слабовидящих
Образование — различия между версиями
Материал из Ярославский педагогический университет
Ya.repin (обсуждение | вклад) |
Ya.repin (обсуждение | вклад) |
||
| Строка 1: | Строка 1: | ||
<html> | <html> | ||
<head> | <head> | ||
| − | |||
<style> | <style> | ||
.content { | .content { | ||
| Строка 27: | Строка 26: | ||
.del { display: none; } | .del { display: none; } | ||
| − | .del:not(:checked) + label + * { display: none; } | + | .del:not(:checked) + label + * { display: none; |
| + | } | ||
| − | |||
.del:not(:checked) + label, | .del:not(:checked) + label, | ||
.del:checked + label { | .del:checked + label { | ||
| Строка 42: | Строка 41: | ||
background: #a7d7f9; | background: #a7d7f9; | ||
} | } | ||
| + | |||
| + | .scrollable { | ||
| + | height: 600px; | ||
| + | overflow-y: scroll; | ||
| + | border-bottom: 1px solid #ddd; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</head> | </head> | ||
| + | |||
<body> | <body> | ||
<div class="block"> | <div class="block"> | ||
| Строка 225: | Строка 232: | ||
</body> | </body> | ||
| + | |||
| + | <script> | ||
| + | var coll = document.getElementsByClassName("collapsible"); | ||
| + | var i; | ||
| + | |||
| + | for (i = 0; i < coll.length; i++) { | ||
| + | coll[i].addEventListener("click", function() { | ||
| + | this.classList.toggle("active"); | ||
| + | var content = this.nextElementSibling; | ||
| + | if (content.style.maxHeight){ | ||
| + | content.style.maxHeight = null; | ||
| + | } else { | ||
| + | content.style.maxHeight = content.scrollHeight + "px"; | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| + | $(document).ready(function() { | ||
| + | $('.block').on('click', '.extremum-click', function() { | ||
| + | $(this).toggleClass('red').siblings('.extremum-slide').slideToggle(0); | ||
| + | }); | ||
| + | }); | ||
| + | |||
| + | |||
| + | |||
| + | </script> | ||
Версия 19:02, 23 августа 2022
