}
#images-wrap {
- width: 480px;
+ width: 0px;
height: 480px;
border-right: 1px solid #999;
overflow-y: scroll;
#sidebar {
float: left;
- width: 488px;
+ width: 8px;
+ overflow: hidden;
}
#toggle-sidebar {
- background-color: #999;
+ background-color: #DDD;
width: 7px;
height: 100%;
float: left;
}
+#toggle-sidebar:hover {
+ background-color: #999;
+ cursor: pointer;
+}
+
#status-bar {
border-top: 1px solid #999;
background-color: #EEE;
}
$('#toggle-sidebar').toggle(function() {
- $('#images-wrap').width(0);
- $('#sidebar').width(8);
- resizePanels();
- }, function() {
$('#images-wrap').width(480);
$('#sidebar').width(488);
resizePanels();
+ }, function() {
+ $('#images-wrap').width(0);
+ $('#sidebar').width(8);
+ resizePanels();
})
$(window).resize(function() {