Универсальная функция изменения размера javascript

Question

По сути, эта функция предназначена для хранения значения высоты элемента, который ее вызывает, и затем, если эта высота соответствует элементу, она увеличит его высоту на 200 пикселей, а если она не соответствует сохраненному значению, восстановит это значение (по сути, сокращение элемента контейнера). Как мне заставить его читать из внешней таблицы стилей, чтобы получить var heightVal = parseInt(boxStyle.height);?

function expand(e){
  var box = document.getElementById(e);
  var boxStyle = box.style;
  var heightVal = parseInt(boxStyle.height);

  if(boxStyle.height == heightVal){
    boxStyle.height = heightVal + 200 +'px';
  }
  else{
    boxStyle.height = heightVal;
  }

}

Answer 1

Это мой пересмотренный ответ ... Этот код позволяет универсально использовать функцию для изменения размера любой высоты элемента независимо от того, хотите ли вы, чтобы она начала минимизироваться или максимизироваться, и / или хотите ли вы, чтобы она расширялась или сворачивалась , Я разработал эту функцию как улучшение ответа, который я ранее написал. Это на самом деле результат другой функции, над которой я работал, чтобы изменить класс CSS для обеспечения анимации без использования javascript или jquery. У меня теперь обе функции работают и универсальные!

Параметры довольно просты ... box представляет элемент, размер которого вы хотите изменить, hNew представляет высоту, к которой вы хотите изменить размер (может быть больше или меньше текущей высоты элемента и функция все еще работает).

function resize_height(box, hNew){
  if(box.style.height != hNew || box.style.height == box.old_height){
    box.old_height = box.style.height
    box.style.height = hNew;
  }
  else{
    box.style.height = box.old_height;
  }
}