Untitled

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript">
var bilders = new Array();
var folder = new Array();
folder[0] = new Array();
folder[0][0] = new Image();
folder[0][0].src = "bilder/ip_v6.png";
folder[0][1] = new Image();
folder[0][1].src = "bilder/ip_v6.png";
folder[0][2] = new Image();
folder[0][2].src = "bilder/ip_v6.png";
folder[1] = new Array();
folder[1][0] = new Image();
folder[1][0].src = "bilder/ip_v6.png";
folder[1][1] = new Image();
folder[1][1].src = "bilder/ip_v6.png";
folder[1][2] = new Image();
folder[1][2].src = "bilder/ip_v6.png";
function showfolder(myid) {
    $('<div/>',{
                     id : "folder"+myid
                 }).appendTo("body");
    $('#folder'+myid).css({
            position: 'relative',
            padding: '5px',
            width: 105+(folder[myid].length*5)+'px',
            height: 105+(folder[myid].length*5)+'px',
            marginLeft: '5px',
            backgroundColor: '#FF0000',
            border : '1px solid #FF0000',
            float:'left'
    });

    for ( var i=0;i < folder[myid].length ; ++i) {
        $('<img/>',{
                         id : "image"+myid+i,
                         src : folder[myid][i].src,
         }).appendTo("#folder"+myid);
        $("#image"+myid+i).css({
            position: 'absolute',
            width: '100px',
            height: '100px',
            zIndex: i+1,
            margin:i*10+"px"
        });
    }
}
function expandfolder() {
    showfolder(0);
    showfolder(1);
    $("#folder0").click(function(){
            $("#image00").animate({top:'+=150px'},1000);
            $("#image01").animate({top:'+=145px',left:'+=150px'},1000);
            $("#image02").animate({top:'+=140px',left:'+=300px'},1000);
    });
    $("#folder1").click(function(){
            $("#image10").animate({top:'+=150px'},1000);
            $("#image11").animate({top:'+=145px',left:'+=150px'},1000);
            $("#image12").animate({top:'+=140px',left:'+=300px'},1000);
    });
}
function movetogrid(myid) {
    var topx = 0;
    var leftx = 0;
    var movey = 120;
    var movex = 120;
    for ( var i=0;i < folder[myid].length ; ++i) {
        $("#image"+myid+i).css({
            position: 'absolute',
            width: '100px',
            height: '100px',
            zIndex: i+1,
            margin:i*10+"px"
        });
    }
}
</script>
</head>
<body onload="expandfolder()">
</body>
</html>