Универсальная функция изменения размера 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; 
    } 
}