title: find closest parent selector then find element by class
body: <p>A similar question has been asked <a href="https://stackoverflow.com/questions/13641938/jquery-function-similar-to-closest-that-will-return-elements-outside-of-the-pare">here</a> the answers from here where helpful but didn't work for me.  My html is:</p>
  <pre><code>@foreach ($productSelection as $d)
                                              &lt;div class=&quot;row justify-content-md-center el-selection vertical-align&quot;
                                              data-type={{$selection}}
                                              data-id={{$d-&gt;id}}&gt;
                                                  &lt;div class=&quot;col-md-3&quot;&gt;
                                                    &lt;img src=&quot;{{ asset('storage/' . $d-&gt;image_path) }}&quot; alt=&quot;&quot;
                                                            class=&quot;w-100 img-fluid blur-up lazyload image_zoom_cls-0&quot;&gt;
                                                  &lt;/div&gt;
                                                  &lt;div class=&quot;col-md-6&quot;&gt;
                                                    &lt;h6 class=&quot;product-title&quot;&gt;{{ $d-&gt;name }}&lt;/h6&gt;
                                                    &lt;button class=&quot;btn btn-outline btn-sm detailsToggle&quot;&gt;Show me details&lt;/button&gt;
                                                  &lt;/div&gt;
                                              &lt;/div&gt;
                                              &lt;div&gt;
                                                &lt;p class=&quot;details-description&quot; style=&quot;text-align: left; display: none&quot; &gt;{{ $d-&gt;description }}&lt;/p&gt;
                                              &lt;/div&gt;
                                            &lt;hr/&gt;
                                            @endforeach
  </code></pre>
  <p>this creates about 8 of these divs on the page.
  My goal is to click the class <code>detailsToggle</code>and display the p element with class <code>details-description</code></p>
  <p>I have tried the following:</p>
  <pre><code>$( '.detailsToggle' ).click(function() {
    $( this )
    .closest('.row').find('.details-description').show()
  })
  </code></pre>
  <p>In this same manner I tried .next, .siblings
  .parents worked but it shows ALL elements with the class <code>.details-description</code>, which is not what I need.  I need only the element nearest/closest in the same row as the element clicked.</p>
  <p>How can I achieve this?</p>