Открывающийся при нажатии текст в css
Открывающийся при нажатии текст в cssСкачать файл - Открывающийся при нажатии текст в css
Иногда бывает нужно спрятать часть данных и отображать их только после клика пользователя. Другими словами, нам нужен переключатель видимости элемента на странице сайта. Сделать это можно, используя JavaScript. В этой статье я хочу привести пару простейших примеров открытия текста на сайте. Первый на чистом JavaScript, второй с использованием библиотеки jQuery. И так, для начала приведу пример HTML-кода, состоящий из двух необходимых нам элементов: Выглядеть он может следующим образом:. Здесь переключатель содержит обработчик события onclick , который срабатывает при клике по элементы. Функцию toggle нам ещё предстоит написать. Далее идёт элмент с текстом, который по умолчанию скрыт: В качестве параметра, функции передается значение атрибута id элемента с текстом, у которого нам нужно изменить свойство display. В начале мы получаем объект элемента и проверяем его наличие на странице сайта. Если текстовый элемент существует, то есть не равен null , меняем значение свойства display на противоположенное. В случае если display имеет пустое значение элемент открыт мы присваиваем ему значение none элемент скрыть и наоборот. Здесь уже есть реализованная функция toggle , осталось лишь понять, как её использовать для решения поставленной задачи. В простейшем варианте, это может выглядеть следующим образом:. Помню я её даже реализовывал на своём блоге Во втором, как собственно и в первом, варианте, конечно можно создать и обработчик события, но мне важно было показать суть. В курсе, что jquery это и есть JS, но надо же было как то свою мысль донести. В своё время довольно болезненно переходил на jquery, привык по старинке всё подряд писать без разделения разметки и кода. Ru Об авторе Архив Сниппет Антиплагиат Стоп-слова Букмарклеты SEO календарь Открывающийся текст на сайте с JavaScript И так, для начала приведу пример HTML-кода, состоящий из двух необходимых нам элементов: Выглядеть он может следующим образом: Для решения поставленной задачи я написал следующую JavaScript функцию: В простейшем варианте, это может выглядеть следующим образом:
Выпадающий текст при нажатии на ссылку
Экономика и е основные проблемы
Управление образования г находка
WordPress. Раскрывающийся текст (спойлер) при нажатии на ссылку
Понятие видыи особенности статуса субъектов федерации
Расписание поездов екатеринбург саратов
Как сделать, чтобы в текстовом поле заранее выводился определенный текст?
Сколько рассасываются нитки после операции
Мир здоровья кострома официальный сайт результаты
Сколько можно хранить в холодильнике
Как сделать открывающийся текст на сайте?
Русская лирика 20 века тест 9 класс