title: JQuery Open/Close Unique Drawers
body: <p>I am trying to accomplish what may be a simple task for you. I want it so everytime the user clicks one of the "patients" on the left hand bar, a drawer opens. That drawer will be loaded in a hidden div (display:none) on the page. Each div's id will be the last lastname of the patient. My included fiddle shows all of the same last name for demonstration purposes only, obviously.</p>
  
  <p>But the problem is I don't know how to open a unique drawer for each patient. I guess I need to put a toggle on each patient's li somehow?</p>
  
  <p>Also, if they click another patient in the listing, I would like the current open drawer to close, and open the one they just clicked. Also, if the close button is clicked, obviously close the drawer as well.</p>
  
  <p>I got a single drawer to work with this:</p>
  
  <pre><code> $(".patient").toggle(function(){
              $(this)
                  $('#drawer').slideDown("slow")
  
              }, function(){
                  $(this)
                  $('#drawer').slideUp("slow")    
  
              });
  </code></pre>
  
  <p>But obviously that isn't going to work... :(</p>
  
  <p>In the fiddle it is opening a standard "drawer" right now. but really I'd like the data for each named div be loaded in the same form. Please comment if you don't understand.</p>
  
  <p>Here's the fiddle:</p>
  
  <p><a href="http://jsfiddle.net/3veht/1/" rel="nofollow">http://jsfiddle.net/3veht/1/</a></p>