var openspeed = 300;
var closespeed = 300;
$('.click').toggle(function(){

    var vertical = 0;
    var horizontal = 0;
    var $one=$(this);

    $one.next().children().each(function(){
        $(this).animate({
            top: '-' + vertical + 'px',
            left: horizontal + 'px',
        }, openspeed);
        vertical = vertical + 0;
        horizontal = (horizontal+89);
    });

    $one.next().animate({
        top: '30px',
        left: '400px',
        right:'200px',
        zindex:'999'
    }, openspeed).find('li a>img').animate({
        width: '50px',
        marginLeft: '0',
        opacity:'1'
    }, openspeed);

    $one.animate({
        paddingTop: '0'
    });
},

function(){
    //reverse above
    var $one=$(this);
    $one.next().removeClass('openStack').children('li').animate({
        top: '-40px',
        left: '-390px',
        zindex:'-999',
    }, closespeed);

    $one.next().find('li a>img').animate({
        width: '50px',
        marginLeft: '0',
        opacity:'0'
    }, closespeed);
    $one.animate({
        paddingTop: '0px'
    });

});