$(function() {
    $('#Benefits li').each(function() {
        var $t = $(this);
        $t.click(function() {
            $t.find( '> div' ).animate({height:'show', opacity:'show'} );
        }).hover(function() {
            $t.data( 'out', false );
        }, function() {
            $t.data( 'out', true );
            setTimeout(function() {
                if ( $t.data( 'out' ) ) {
                    $t.find( '> div' ).animate({height:'hide', opacity:'hide'} );
                }
            }, 300);
        }).find( '> div' ).hover(function() {
            $t.parent().data( 'out', false );
        }, function() {
            //  lege functie voor mouseout, anders wordt mouseover-functie overgenomen...
        });
    });
});