How to toggle div on click and hide any other "toggle-visible" divs

I have a site where when you click a div, a hidden div is shown. The problem is, if you don't re-click the original div, the "hidden" div will remain visible even if you click div2 which reveals a hidden div2. Basically, you have all of the hidden divs overlapping and visible at once. I need one "hidden" div visible at a time.