$(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