В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

3380 membersпожаловаться на группу
2020 November 04

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
https://codepen.io/beefheart1941/pen/RwRBNbQ

и вновь продолжается бой
Все-таки приспособил этот вариант к своему проекту, но вопрос
при max-height: 0 потомки все равно видны
Это нормально поведение, или я что-то делаю не так?
CodePen
Pure CSS Accordion
Version 2.0: - Redesigned with SCSS and smooth animation. - Added a tab "close" in "open one" option to close other tab.  Acordeon made with just CSS. ...
источник
19:39пожаловаться#1

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
собственно, у меня этот элемент, который "аккордеон" является списком...
источник
19:40пожаловаться#2

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
если вешаю visibility - транзишн плохо работает в обратную сторону
источник
19:40пожаловаться#3

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
всё вот это вот "pure css" надо бы запретить
источник
19:45пожаловаться#4

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
idkfa
всё вот это вот "pure css" надо бы запретить
отчего же?
источник
19:45пожаловаться#5

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
учи js
источник
19:45пожаловаться#6

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
idkfa
учи js
лол)
Да я на нем и пишу)
Просто не хотел добавлять эти костыли
источник
19:45пожаловаться#7

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
чистым css'ом не решается вообще никак?
источник
19:46пожаловаться#8

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
аккордеоны на css это и есть костыли
источник
19:46пожаловаться#9

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
 acc[i].addEventListener("click", function() {
   this.classList.toggle("active");
   var panel = this.nextElementSibling;
   if (panel.style.maxHeight) {
     panel.style.maxHeight = null;
   } else {
     panel.style.maxHeight = panel.scrollHeight + "px";
   }
 });
}
</script>

Вот это норм?)
источник
19:46пожаловаться#10

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
не костыль?)
источник
19:46пожаловаться#11

АФ

Алексей Федоров... in Верстка сайтов HTML/CSS/JS/PHP
@andrew_9cloud  давно хочу задать вопрос. Почему на чистом CSS это костыли? Утверждения слышал, но не понял почему.
источник
19:47пожаловаться#12

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
@andrew_9cloud  давно хочу задать вопрос. Почему на чистом CSS это костыли? Утверждения слышал, но не понял почему.
потому что нативно он не решает эту задачу
источник
19:48пожаловаться#13

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
а должен бы
источник
19:48пожаловаться#14

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
Алексей Федоров
@andrew_9cloud  давно хочу задать вопрос. Почему на чистом CSS это костыли? Утверждения слышал, но не понял почему.
потому что делать надо так, как проще ) проще на js
источник
19:48пожаловаться#15

VL

Valerii Leontiev in Верстка сайтов HTML/CSS/JS/PHP
idkfa
потому что делать надо так, как проще ) проще на js
есть какое-то красивое решение на js?
А не такие вот франкеншнтейны, как выше сбросил?
источник
19:49пожаловаться#16

i

idkfa in Верстка сайтов HTML/CSS/JS/PHP
есть наверняка, но у меня нет готового, надо искать
источник
19:49пожаловаться#17

Л

Лещ in Верстка сайтов HTML/CSS/JS/PHP
Для чего нужны дивы с классами .wrapper, .container, .content и т.д и как и в каком порядке их использовать?
источник
20:02пожаловаться#18

Л

Лещ in Верстка сайтов HTML/CSS/JS/PHP
Не понимаю просто
источник
20:02пожаловаться#19

V🍏

Vladislav 🍏 in Верстка сайтов HTML/CSS/JS/PHP
Valerii Leontiev
есть какое-то красивое решение на js?
А не такие вот франкеншнтейны, как выше сбросил?
Твое решение на css - не айс.
И все дело в анимации height.
Вспомнил, почему мы так не делали.
источник
20:09пожаловаться#20