title: adding .active class on a <button> that shows corresponding <div>
body: <p>I am working on a menu that opens/hides divs inside a single page.</p>
  
  <p>What I'm trying to do is apply a class (.active) on a currently clicked menu item as long as div connected to it is opened. As soon as div is closed, or other menu item is selected, class would dissapear / be applied to other menu item.</p>
  
  <p>I tried to go with <code>$(".your_selector li").addClass("active");</code> but it does nothing but marks all menu items as active, as you would expect.</p>
  
  <p>How would you tackle that problem? Here is the fiddle <a href="http://jsfiddle.net/4DGUV/3/" rel="nofollow">http://jsfiddle.net/4DGUV/3/</a></p>
  
  <p>Thanks in advance </p>