Find hidden parent element jQuery

by Vijay Pancholi

HTML

<div class="hidden-one"> <!-- FIND AND SHOW THIS ONE -->
  <div>...</div>
  <div>...</div>
  <div class="deeper">
    <span class="start-here">Start here</span>
  </div>
  <div>...</div>
</div>

CSS

.hidden-one
{
  display: none;
}

JavaScript

$(document).ready(function() {
    // Find the first hidden parent element
    var hideparent_div = $('.start-here').closest('.hidden-one:hidden').first();

    // Show the hidden parent element
    hideparent_div.show();
});