Edit in JSFiddle

<div id="akordiyon">
    <div id="bir"></div>
    <div id="iki"></div>
    <div id="uc"></div>
    <div id="dort"></div>
</div>
<a href="http://www.webgelistirici.blogspot.com">Bilgi para ettikçe güzeldir</a>

#bir {
    background : url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc4/36895_409493414153_850699153_4211590_5522065_n.jpg) no-repeat center;
}
#iki{
    background : url(http://a5.sphotos.ak.fbcdn.net/hphotos-ak-ash1/30540_391005004153_850699153_3775106_188818_n.jpg) no-repeat center;
}
#uc {
    background : url(http://a3.sphotos.ak.fbcdn.net/hphotos-ak-ash1/30790_398928419153_850699153_3960476_3805619_n.jpg) no-repeat center;
}
#dort{
    background : url(http://a7.sphotos.ak.fbcdn.net/hphotos-ak-snc3/28510_387144814153_850699153_3696732_665125_n.jpg) no-repeat center;
}
#akordiyon {
    width : 400px;
    height : 474px;
    background:#bebebe;
    border : 1px dashed;
}
#akordiyon div {    
    width : 25%;
    height : 100%;
    float : left;
}
#akordiyon:hover div {
    width : 40px;
    overflow:hidden;
}
#akordiyon:hover div:hover {
    width : 280px;
    overflow:auto;
}