title: jquery toggle multiple divs turning one on and the rest off
body: <p>Greetings,
        I'm trying to think of a way to use an accordion widget (which I'm currently using, h3 is the trigger) that when an h3 is selected another div appears, then when a different h3 is selected, a new div appears and the other disappears and so on.</p>
  
  <p>so I have a three column layout, left column is my accordion widget, when the h3 is selected a middle div will appear (animation doesn't matter) and a floating right column within that div to give the appearance of a three column layout which the right column will be used to show/hide contents within that middle div.  With me still????</p>
  
  <p>Keep in mind that the first h3 is open by default, so there would be a related middle column open as well and floating right column as well within but will disappear when another h3 is selected and so on.</p>
  
  <p>My jquery/javascript is minimal at best and I can't think of any direction to go with this. </p>
  
  <p>Do I use the toggle? show/hide? Any ideas would be greatly appreciated!</p>
  
  <p>So I guess what I'm trying to do is give the effect that content is being populated from links within the divs to show/hide, toggle or something when the user clicks a link rather than display a laundry list of items/content.</p>