$(function(){
        //shrink sidebar after 5 seconds
        setTimeout(shrink(),5000);

        $("div#sidebar").bind('mouseover',function(){
                $(this).animate({width: 150},500);
        }
        
        $("div#sidebar").bind('mouseout',function(){
                shrink();
        }

        function shrink() {
                $("div#sidebar").animate({width: 20},500);
        }
});



Vlad M. wrote:
Hi guys,

I've tried searching for a jQuery solution for an expandable sidebar
but I can't seem to find anything that really works. What I mean by
expandable sidebar can be seen on the Sid Lee website (http://
www.sidlee.com/). For instance, once everything is loaded, the right
sidebar disappears, only to reappear when you move your mouse over it.
Is there a way to achieve this effect using jQuery?

Thank you in advance!

Cheers,
Vlad

Reply via email to