title: How to use .closest to toggle a paragraph?
body: <p>I'm trying to slidedown a paragraph using closest.  This is what I have so far.</p>
  
  <p>JS</p>
  
  <pre><code>$(".info_btn").css("-webkit-transition", "-webkit-transform 0.25s ease-in-out");
  
  var info_btn_DEG = 0;
  
  $(".info_btn").toggle(function() {
  $(this).closest('p').slideDown("250");
  info_btn_DEG += 45;
  $(this).css("-webkit-transform", "rotateZ(" + info_btn_DEG + "deg)");
  $(this).fadeTo("250", 0.65);
  }, function() {
  
  $(this).closest('p').slideDown("250");
  info_btn_DEG += 45;
  $(this).css("-webkit-transform", "rotateZ(" + info_btn_DEG + "deg)");
  $(this).fadeTo("250", 0.3);
  });
  </code></pre>
  
  <p>I also have this set up in a JSbin here for a complete look:</p>
  
  <p><a href="http://jsbin.com/atinap/7/edit" rel="nofollow">http://jsbin.com/atinap/7/edit</a></p>