развернуть свернуть HTML-поле Firefox

Question

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

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

Спасибо.

Да, я хотел бы показать / скрыть div-ы и все такое.

Answer 1

Если ваше поле ввода имеет атрибут 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

Answer 2

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

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

Answer 3

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

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

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