$(document).ready(function(){

$("#m1").click(function(){
$("#m1").animate({height:'220px'},500, 'easeOutQuart');
$("#m2").animate({height:'49px'},500, 'easeOutQuart');
$("#m3").animate({height:'49px'},500, 'easeOutQuart');
$("#m4").animate({height:'49px'},500, 'easeOutQuart');
$("#m5").animate({height:'49px'},500, 'easeOutQuart');
});

$("#m2").click(function(){
$("#m1").animate({height:'49px'},500, 'easeOutQuart');
$("#m2").animate({height:'220px'},500, 'easeOutQuart');
$("#m3").animate({height:'49px'},500, 'easeOutQuart');
$("#m4").animate({height:'49px'},500, 'easeOutQuart');
$("#m5").animate({height:'49px'},500, 'easeOutQuart');
});

$("#m3").click(function(){
$("#m1").animate({height:'49px'},500, 'easeOutQuart');
$("#m2").animate({height:'49px'},500, 'easeOutQuart');
$("#m3").animate({height:'220px'},500, 'easeOutQuart');
$("#m4").animate({height:'49px'},500, 'easeOutQuart');
$("#m5").animate({height:'49px'},500, 'easeOutQuart');
});

$("#m4").click(function(){
$("#m1").animate({height:'49px'},500, 'easeOutQuart');
$("#m2").animate({height:'49px'},500, 'easeOutQuart');
$("#m3").animate({height:'49px'},500, 'easeOutQuart');
$("#m4").animate({height:'220px'},500, 'easeOutQuart');
$("#m5").animate({height:'49px'},500, 'easeOutQuart');
});

$("#m5").click(function(){
$("#m1").animate({height:'49px'},500, 'easeOutQuart');
$("#m2").animate({height:'49px'},500, 'easeOutQuart');
$("#m3").animate({height:'49px'},500, 'easeOutQuart');
$("#m4").animate({height:'49px'},500, 'easeOutQuart');
$("#m5").animate({height:'220px'},500, 'easeOutQuart');
});

});