collapsable sideBar

by Joe Saad

HTML

<div id="wrapper">
    <div id="sideNav">left side</div>
    <div id="bt">&#171;</div>
    <div id="main">right side</div>
</div>

CSS

#wrapper {width:500px}
#sideNav {width:20%;}
#bt {width:2%;}
#main {width:76.5%;}
div {border:1px solid green; float:left;}

JavaScript

$('#bt').click(function(){
  $('#sideNav').toggle();
    if ($('#sideNav').is(':visible')) {     
      $(this).text('«');
    }
    else {
      $(this).text('»');
    }
});