Работающий скрипт в изначально скрытом блоке display: none;?

Question

[Чёкатилло]

Как изменить скрипт или добавить его в отдельный блок, что бы он работал в блоке, который изначально скрыт в display: none;
Типа, при клике открывается блок, а в нем текстовое поле, которое растягивается при введении символов, а растягивается блок с помощью скрипта:

$('textarea').each(function () {
  this.setAttribute('style', 'height:' + (this.scrollHeight) + 'px;overflow-y:hidden;');
}).on('input', function () {
  this.style.height = 'auto';
  this.style.height = (this.scrollHeight) + 'px';
});

Скрипт не работает в изначально скрытом блоке
Какие есть варианты?

Спасибо за внимание!

Answer 1

[Stalker_RED]

На самом деле работает. https://jsfiddle.net/vafj94sq/
Можно даже убрать блок .each https://jsfiddle.net/vafj94sq/1/

Comments

[Чёкатилло]

но его надо прям в блок вписывать или должно работать из файла main.js Вордпресс (если в курсе)?? Вот работает ток там, что не скрыто изначально

[Stalker_RED]

Дмитрий: Вы что-то странное говорите.
JS работает и в скрытых блоках Пример
В большинстве случаев лучше выносить js в отдельные файлы.

[Чёкатилло]

Stalker_RED: Я знаю что странное Я прост хз ) Спасибо