I am attempting to design a site with a central liquid area, and two side areas that provide auxiliary information. When the browser window is made smaller and the viewport is reduced below 1024 px, I want these side areas to slide into a minimized position showing different xhtml files. when they are moused over, I'd like them to slide out to their original size OVER the main area, and graying out the main area.
How would I get started? I am not a complete newbie at javascript, but this will be my first experience with jQuery. Can someone point me in the right direction? I appreciate it. Ty Underwood