Вход • Регистрация

Раскрывающиеся блоки с скрытым содержанием

  • 19 января 2022 г.
  • Добрый день!
    Как реализовать раскрывающиеся блоки с скрытым содержанием на странице (скрыть текс под катом)? Перепробовал несколько кодов HTML - не получается.
    • 19 января 2022 г. , редакция: 22 января 2022 г.
    • Не идеальное (из-за max-height), но самое простое решение (самое простое, актуальное, ниже):

      HTML
      Код
      <div class="cut-wrapper">
      <div class="cut">Скрытое содержимое</div>
      </div>

      CSS
      Код
      .cut-wrapper{overflow: hidden; height: auto}
      .cut {height: auto; max-height: 0; overflow-y: auto;}
      .cut.open {max-height: 500px}

      Jquery
      Код
      $('.cut').click( function(){ $(this).toggleClass('open') })

Новости

  • 18 июня
  • В сборке большое обновление demo-шаблона, дополнительная защита от спама, улучшение YML-импорта и еще много важного и интересного.
  • 24 апреля
  • В новой сборке совершили революцию в структурировании кастомизированной информации в шаблонах, добавили авторегистрацию пользователей, усовершенствовали защиту от спама, актуализировали накопительную скидку, а также улучшили производительность и стабильность работы системы.
  • 12 января
  • После выхода сборки 7.1 мы выпустили уже три патча, в каждом из которых улучшаем административную часть сайта. Сборка DIAFAN.CMS 7.1.3 уже доступна к установке. 

Форум