Agenda

<style type="text/css">
#agenda {
    width:278px;
    float:left;
    background-image: url('http://www.clickriomafra.com.br/portal/images_index/2014/bg_listaagenda.png');
    border: 1px solid #E7E8E7;
    padding: 10px;
    position:absolute;
}
.container {
   height: 140px;
   float: left;
   overflow: hidden;
   width: 278px;
}

.containerAberto {
    float: left;
    overflow: hidden;
    width: 278px;
	height: 100%;
}

.btnAbrir {
    background: url("http://www.clickriomafra.com.br/portal/images_index/2014/link_aumentarlista.png") no-repeat scroll 0 0 transparent;
    bottom: 10px !important;
    cursor: pointer;
    float: right;
    height: 20px;
    text-align: center;
    width: 100px;
    z-index: 99999;
}

.btnFechar {
    background: url("http://www.clickriomafra.com.br/portal/images_index/2014/link_diminuirlista.png") no-repeat scroll 0 0 transparent;
    bottom: 10px !important;
    cursor: pointer;
    float: right;
    height: 20px;
    text-align: center;
    width: 90px;
    z-index: 99999;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>

<script type="text/javascript">
      var $f = jQuery.noConflict();

     $f(document).ready(function(){

        $f('#btnAbrir').bind('click', function(){
            if ($f(this).parents("#agenda").children("#mini").attr('estado') == 'fechado'){
                $f(this).parents("#agenda").children("#mini").addClass('containerAberto');
                $f(this).parents("#agenda").children("#btnAbrir").addClass('btnFechar')

                $f(this).parents("#agenda").children("#mini").attr('estado','aberto');
            }
            else
            {
                $f(this).parents("#agenda").children("#mini").removeClass('container containerAberto').addClass('container');

                $f(this).parents("#agenda").children("#btnAbrir").removeClass('btnFechar');

                $f(this).parents("#agenda").children("#mini").attr('estado', 'fechado');
            }

        })

    })
</script>