Grupy rozsuwane.

 Po najechaniu na ''Moje grupy'' tabelka się rozsunie.       

                                 

<style>
.boxGroups.blockItem{ height: 35px;
overflow: hidden; -webkit-transition:
all 1s; -moz-transition: all 1s;
-ms-transition: all 1s; -o-transition: all 1s;}
.boxGroups.blockItem:hover{ height: 385px;
-webkit-transition: all 1s; -moz-transition: all
1s; -ms-transition: all 1s; -o-transition: all 1s;}
</style>

Pierwsze height to wysokość przed rozwinięciem, a te drugie to po najechaniu.
Ustawiacie je sobie jak wam pasuje i w zależności od ilości grup w których jesteście.