Steve, Before you jump in and start copying and pasting code from here.. I want to give you some important "nuggets" to help you quick start..

1. There some "hard coded' aspects to the code below..
   a. var SidePanelDivId = 'dvPanel';
   b. var MainContentElementID = 'frmExamDefault';
2. "Transition" in 2 places in the style sheet work together…
   a. .sidePanel{…transition: 1s;
   b. .SidePanelMainContent{…transition: margin-left 1s;
3. The main content element, (many cases will by your ), has a specific ID and Class:
and the sitedbar div has a specific ID and Class:

PlaceHolderForData

PlaceHolderForData