[html] Ukrywanie DIVa - rozciąganie DIVa 2 Opcje

[-Gość_azpr_*-]

strona wygllada mniej więcej tak

http://www.fotosik.pl/pokaz_obrazek/846bb80129a1efc6.html

czerowne pole menu gdzie znajduje sie:

[HTML] pobierz, plaintext 
<a href="java script:void(0); openClose('menu_1');">Pokaż</a>
[HTML] pobierz, plaintext 

niebieskie pole to jest własnie ukryty div:

[XML] pobierz, plaintext 
<script type="text/javascript">
<!--
function openClose(id)
{
   if(document.getElementById) {
      element = document.getElementById(id);
   } else if(document.all) {
      element = document.all[id];
   } else return;
 
   if(element.style) {
      if(element.style.display == 'block' ){
         element.style.display = 'none';
      } else {
         element.style.display = 'block';
      }
   }
}
-->
</script>
[XML] pobierz, plaintext 

a zielone pole to jest jakis div z zawartościa...

i teraz pytanie jak zrobić aby zielony div był rozciagniety do samego końca menu gdy div niebieski jest ukryty... a gdy jest widoczny aby sie zawartosc zmnijeszała na objetości ekranu...

[hwao]

zamieniasz style css

Kod

element.style = 'width: 100%';

Albo poprostu id obiektu (i tez styl wtedy sie zmienia )

tu masz przyklad, mozesz sobie podpatrzec source
http://hwao.be/blog2/