Test

Just a simple test!!

by Rubbel De Katz

HTML

<h1>Ăśberschrift</h1>
<div id="test">
    rubbel die katz<br/>
    Bla Blub<br/>
    Bla Blub<br/>
    Bla Blub<br/>
    Bla Blub<br/>
</div>
<h1>test</h1>
<div id="schalter">SCHALTER</div>

CSS

#test { 
    border: 1px solid grey;
    border-top: 20px solid red;
    overflow: hidden;
    height: 1px;
}

JavaScript

$("#test").mouseover(
    function(){
        $(this).animate({"height": "100px"}, "fast")
    }
);

$("#test").mouseout(
    function(){
        $(this).animate({"height": "1px"}, "fast")
    } 
);

$("#schalter").click(
    function(){
        $("#test").load("http://blog.fefe.de");
    }
);