При клике менять высоту?

Question

[VitaliyKaliuzhyn]

Есть код. При нажатии на кнопку происходит увеличение блока, но проблема в том что кнопка срабатывает всего 1 раз. Как сделать что бы при каждом клике срабатывал скрипт

$('.iframe-letters').each(function () {
$('#resize-down-height').click(function () {
            $('.iframe-letters').css('height', height + 100)
 
        })
    });

Answer 1

[hufawoso]

1) Зачем вы клик добавляете в each?
2) Нужно где-то сохранять высоту блока. Попробуйте сделать так: height += 100

Answer 2

[Stalker_RED]

Представим, что у вас стартовая высота блока 10px. А потом вы при каждом клике делаете 10+100.
Логично, каждый раз 110 получается.

var height = 10;
$('.iframe-letters').each(function () {
  $('#resize-down-height').click(function () {
    height += 100
    $('.iframe-letters').css('height', height)
  })
});

https://jsfiddle.net/9b08ct1k/

Answer 3

[Сева]

Потому что height скорее всего undefined.

Comments

[VitaliyKaliuzhyn]

Да нет, скрипт рабочий, но срабатывает 1 раз