Прибавить значение к высоте ccs через jquery

253
23 декабря 2017, 04:45

У меня есть кнопка , нужно про каждом нажатии увеличить значение height блока на 100px.
Как это реализовать? Я могу изменить значение на определенное, но прибавлять не получается. Получается у меня есть блок, я прописываю ему при нажатии изменение стиля css на 100 px, но дальше уже так не прокатит. Условие должно быть получается height+100, но синтаксис так не позволяет. Возможно создать новую переменную и прибавлять уже ее, что то типа const? 

$('.body_site').css('height','200');
Answer 1

function more(id,h) { 
    var $block = $("#" + id); 
 
    $block.animate({ 
        'height' : '+=' + h + 'px' 
    },'ease-out') 
}
#block{ 
    height:100px; 
    width:300px; 
    background-color:lightgreen; 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="block"></div> 
<button onclick="more('block',100);">more</button>

READ ALSO
Как превратить input в span с текстом javascript(no jquery)?
jQuery

Как превратить input в span с текстом javascript(no jquery)?

Как превратить input в span с текстом javascript без jquery?

 212
Присвоенный класс не хочет работать
jQuery

Присвоенный класс не хочет работать

Доброго времени суток всем, нужна небольшая помощьНавешиваю на класс проверку с помощью

 204
Помогите с dasharray и dashoffset
CSS

Помогите с dasharray и dashoffset

Никак не могу понять как правильно выставить stroke-dasharray и stroke-dashoffsetу меня результат на картинке сверху, снизу показано как нужно, и различия...

 249
Как поменять цвет контролов тега audio?
CSS

Как поменять цвет контролов тега audio?

Имеется html5 тэг audioЯ в списке webkit нашел как поменять цвет таймлапса, но не нашел как поменять цвет контрола

 514