I'm trying to get an accordion effect on a DIV when hovering.

The right side of the accordion is working already, but the left one isn't.

I put my code in [jsFiddle](http://jsfiddle.net/uBBZ2/5/)

Can someone please help me with the left side? I've been trying it for hours but it won't work `:(`

Javascript:

```
$(document).ready(function () {
    $('.middle').hover(function () {
        $(this).siblings().stop().animate({
            opacity: 1
        }, 200);
    },

    function () {
        $(this).siblings().stop().animate({
            opacity: 0
        }, 200);
    });
});

```