logo частный маркетолог Москва
logo частный маркетолог Москва

Читать далее HTML + CSS

23 декабря 2019 в 21:45 CSS,Блог веб-разработчика
Хотите я произведу настройку как описано в статье вместо вас? Стоимость работы: 500 руб. Срок исполнения: 1 час. Работаю без предоплаты.

Данный урок научит вас создавать раскрывающиеся блоки при нажатии на кнопку читать дальше со скрытым содержанием с помощью CSS3 и html.

Так же будут рассмотрены другие варианты, где используется JS.

Способ 1

Самый действенный метод (использую на данном сайте)

В процессе создания сайта или блога и дальнейшего его наполнения содержанием, по разным причинам, порой возникает необходимость скрыть какую-то часть текста, разместить более объёмную информацию в спрятанный до поры до времени

блок, но при этом всё же указать пользователю на то, что имеется ещё кое-что, и предоставить ему возможность просмотреть скрытое содержание без перехода на следующую строку или страницу.

Пример:

Читать далее HTML

HTML

CSS

Вариант 2

Недостатком данного метода является то, что внутрь текста нельзя вставлять DIV. Если вам нужно обавлять внутрь текста DIV, используйте метод с JS. Подробнее здесь.

Читать далее HTML

HTML

CSS

 

Похожие статьи

Оставить заявку
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите контактный E-mail: *

Ваш вопрос:

Пожалуйста, докажите, что вы человек, выбрав автомобиль.

Рассчитать стоимость
Для экономии вашего времени на все вопросы отвечают программисты/сеошники/маркетологи, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Прикрепить файл:

Ваш вопрос:

Введите контактный E-mail: *

Заказать обратный звонок
Для экономии вашего времени на все звонки отвечают программисты, а не секретари или офис-менеджеры. Вы сразу получите квалифицированный ответ на большинство технических вопросов. Работаем ежедневно, с 9.00 до 23.00 МСК.

Введите ваше имя *

Как с вами связаться? *

Введите контактный телефон *

Корзина пуста