<div id="slider-wrapper">
    <div id="slider-content" class="slider-handle">
        <img src="blabla.jpg" /> (*9)
    </div>
    <div id="slider-tab" class="slider-handle">
        <span>Click here 2 open slider blabla.</span>
    </div>
</div>

$(document).ready(function() {
    $('.slider-handle').hover(function() {
        $('slider-content').animate({ height: '50px' });
    },
    function() {
        $('slider-content').animate{{ height: '3px' });
    });
});

$(document).ready(function() {
    $('#slider-wrapper').hover(function() {
        $('#slider-content').animate({ height: '50px' });
    },
    function() {
        $('#slider-content').animate{{ height: '3px' });
    });
});

$('#slider-tab').click(function() {
    $('#slider-content').slideDown('normal');
});

$('#slider-wrapper').mouseleave(function() {
    $('#slider-content').slideUp('normal');
});