Помогите свернуть блок
 

вот пример на сайте http://tiza.by/epam/
там общий код, смысл какой, есть блок див,

<div style="background-color: grey;" id="bg_info">
            <div id="image_bg"><img id="image" src=""/></div>
            <p id="title"></p>
            <div id="text"></div>
            <div style="display:none;" id="description"></div>
            <a onclick="details()" id="details" href="javascript:void(0)">show details</a>
            </div>
        </div>

я хочу сначало свернуть блок bg_info сделать нужные изменения с контентом, и снова его развернуть, так вот сворачивается только сам блок bg_info, внутренние элементы остаются там же, пробывал слои прописывать z-index, не помогает, нормально работает только когда ставишь скрол-x , в общем подскажите как сделать, на ксс както прописывать правильно надо, либо нужно все внутренние элементы тоже уменьшать?)))) заранее спасибо))) кстати сворачиваю просто изменением высоты блока, другого способа не додумался)) ПОМОГИТЕ ПОЖАЛУСТА!!!)))

P.S. нажимать надо на кнопку show details, фон я специально сделал серым чтоб было видно что сворачивание блока работает)))

smala,
Тестовая страница есть с блоком ?
И это не понял:
?
И jQuery можно использовать ?

в том то вся и соль, jquery нельзя)))
http://tiza.by/epam/ - вот тестовая страница


bg_info это обвертка контента, внутри блока есть и div блоки и p параграфы, и изображение, я меняю высоту блока bg_info, и хочу чтоб внутренние элементы исчезали какбы, вот щас если на примере глянете, то там сворачивается сама оббертка, а содержимое на подвижное)

smala,
Может поможет такое ?

<style>
#image_bg {
  position:relative;
  height:70%;
  max-height:200px!important;
}
</style>

аа, хм, точно в процентах размеры указывать, интересное решение спасибо щас буду пробывать)))) отпшусь