点击屏幕任何一个地方,除侧边栏外,收起侧边栏。

$('#contentAll').bind('click', function () {    
    $('#youcelan').css('right', '-255px');    
    $('#end').css('backgroundColor', '#3B3A49');    
    $('#change').addClass('fabu');
});

代码其实很简单,这里说一下布局:
'#contentAll'指的是除侧边栏之外的所有的内容都包括在内,
'#youcelan'是指右边所定位和要动画的显示,收起的边栏。
当然,我们可以通过改变多种CSS来实现动画,一般通过改变定位,或者改变元素的margin值,或者通过CSS3动画来完成。

你可能感兴趣的:(点击屏幕任何一个地方,除侧边栏外,收起侧边栏。)