title: Get a previous element with jquery that is not a direct sibling, parent, etc
body: <p>For example:</p>
  
  <pre><code>  &lt;h1 class="title"&gt;This is a title&lt;/h1&gt;
    &lt;p&gt;Post body text&lt;/p&gt;
    &lt;p class="postfooter"&gt;Today's date: blah. posted by: blah&lt;/p&gt;
    &lt;button&gt;Do stuff&lt;/button&gt;
  
    &lt;h1 class="title"&gt;This is a totally different title&lt;/h1&gt;
    &lt;p&gt;Post body text&lt;/p&gt;
    &lt;p class="postfooter"&gt;Today's date: blah. posted by: blah&lt;/p&gt;
    &lt;button&gt;Do stuff&lt;/button&gt;
  
    &lt;h1 class="title"&gt;and this is another title still&lt;/h1&gt;
    &lt;p&gt;Post body text&lt;/p&gt;
    &lt;p class="postfooter"&gt;Today's date: blah. posted by: blah&lt;/p&gt;
    &lt;button&gt;Do stuff&lt;/button&gt;
  </code></pre>
  
  <p>What I would like is to have it so that when the user clicks a button, the corresponding title slides down.</p>
  
  <p>So far, I've tried something like (though I've also tried different combos of closest(), parent(), sibling(), etc):</p>
  
  <pre><code>$("button").click(function(){
    var currentTitle = $(this).????(".title").text();
    $("playerTitleNormallyHidden").slideDown(500).delay(2000).slideUp(500);
  });
  </code></pre>
  
  <p>I'm sure this is probably super easy, but I am stuck.</p>