Jak rozbalit div pomocí js/jquery?

Zdravím,
když se podíváte na claire.eessencia.cz a poklikáte tam >>> Zobrazit LIVESTREAM a vedle >>> Zobrazit LIVECHAT
Zobrazí a nebo zmizí Vám 2 divy, které obsahují to co obsahují.

Chtěl bych ale ten efekt doplnit spíš o rozbalovací efekt směrem dolů.
Bohužel mé znalosti JS a jQuery jsou malé.
Nedokázal by mi tu někdo jednoduše doplnit do kódu to co je k tomu třeba?

JS pro dosavadní bliknutí je toto:

  <script language="JavaScript">
    function toggle(id){
      var state = document.getElementById(id).style.display;
      if (state == 'block'){
        document.getElementById(id).style.display = 'none';
      } else {
        document.getElementById(id).style.display = 'block';
      }
    }
  </script>

Děkuji mnohokrát.

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny

Předmět	Autor	Datum
Na té samé stránce se mi líbí víc tohle od Freda (i jsem vyzkoušel a uložil si "na někdy". <div id=… poslední Kráťa 14.08.2012 12:08	Kráťa	14.08.2012 12:08

Na té samé stránce se mi líbí víc tohle od Freda (i jsem vyzkoušel a uložil si "na někdy".

<div id="message" style="background:blue;"><a id="rsdv"  style="color:white" title="+" href="#">+</a></div> 
<div style="background:yellow">bla bla</div>

<script>
var d=document;
function sh(id1,id2){
ele=document.getElementById(id2);
ele.style.height='20px';

d.getElementById(id1).onclick=function(){
if(this.title=='-'){h();this.removeAttribute('rel');this.title='+';return false;}
else{s();this.setAttribute('rel','on');this.title='-';return false;}};
d.getElementById(id1).onkeypress=function(){return this.onclick;};
}
function h(){
var end=20;if(parseInt(ele.style.height,10)>end){
ele.style.height=parseInt(ele.style.height,10)-20+"px";setTimeout(h,1);
}
}
function s(){var end=400;if(parseInt(ele.style.height,10)<end){
ele.style.height=parseInt(ele.style.height,10)+20+"px";setTimeout(s,1);
}
}


sh('rsdv','message');
</script>

74455-vysouvaci-div

Zpět do poradny Odpovědět na původní otázku Nahoru