Развернуть свернуть поле html Firefox

Как развернуть / свернуть поле html в Firefox? Я включил несколько примеров JavaScript из Интернета, но они работали только в IE. (Я ограничен HTML и JS)

Предложения приветствуются.

Спасибо.

Да, я хотел бы показать / скрыть div и тому подобное.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
3 249
3
Перейти к ответу Данный вопрос помечен как решенный

Ответы 3

Боюсь, я не совсем понимаю ваш вопрос.

Во-первых, что вы подразумеваете под «полем html»? Вы имеете в виду как в полях формы (текстовые поля, радиоуправление и т. д.?). Если да, то вы имеете в виду, как динамически изменять их размер? («Развернуть / свернуть» для меня неоднозначно).

Если вы имеете в виду, что хотите отображать / скрывать div и тому подобное, гораздо проще использовать css и javascript. См. этот пример.

Что вы, вероятно, захотите сделать, так это изменить свойство css отображать элемента на «none», чтобы скрыть элемент, и изменить его обратно на «block» или «inline», чтобы показать его снова. Это можно сделать с помощью javascript.

Если вам нужна необычная анимация, вы можете использовать какой-нибудь библиотека javascript, который предлагает разные эффекты (вы можете проверить переключать) или компоненты (например, Аккордеон).

Ответ принят как подходящий

Если ваше поле ввода имеет атрибут ID, вы можете использовать CSS для его стилизации по мере необходимости. Я рекомендую использовать такую ​​библиотеку, как jQuery, но я также привел пример без:

  // hiding without jQuery
  document.getElementById('myInput').style.display = 'none'
  // showing without jQuery
  document.getElementById('myInput').style.display = 'block'

  // hiding with jQuery
  $('#myInput').hide()
  // showing with jQuery
  $('#myInput').show()

jQuery: http://jquery.com

+1, хотя примеры без jQuery не будут корректно работать со встроенными элементами. Установка для 'display' значения 'block' сделает их блочным элементом.

orip 19.01.2009 21:31

Другие вопросы по теме