title: Javascript onclick select sibling that has class
body: <p>I want to show/hide a 2 sibling element <code>onclick</code>. </p>
  
  <p>On the page I have multiple <code>detailLinksItem</code> which will contain this show/hide function so its necessary to only select the siblings. I need <code>onclick</code> to <code>.style.display = 'block';</code> for both siblings <code>.showLess</code> and <code>.moreLinksContainer</code>.  </p>
  
  <pre><code>            &lt;div class="detailLinksItem"&gt;
                  &lt;div class="searchIcon"&gt;&lt;/div&gt;
                  &lt;a href="#"&gt;&lt;/a&gt;
                  &lt;a href="#"&gt;&lt;/a&gt;
                  &lt;div class="detailDate"&gt;&lt;/div&gt;
                  &lt;div class="arrow-down"&gt;&lt;/div&gt;
                  &lt;a href="#" class="showMore" onclick="showStuff(moreLinksContainer); return false;"&gt;Show more&lt;/a&gt;
                  &lt;a href="#" class="showLess" onclick="hideStuff('moreLinksContainer'); return false;" style="display: none;"&gt;Show less&lt;/a&gt;
                  &lt;div class="moreLinksContainer" style="display: none;"&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link Title Goes Here!!&lt;/a&gt;&lt;div class="moreDetailDate"&gt;6 hours&lt;/div&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link Title Goes Here!!&lt;/a&gt;&lt;div class="moreDetailDate"&gt;1 day&lt;/div&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link Title Goes Here!!&lt;/a&gt;&lt;div class="moreDetailDate"&gt;3 days&lt;/div&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;Link Title Goes Here!!&lt;/a&gt;&lt;div class="moreDetailDate"&gt;1 week&lt;/div&gt;&lt;/li&gt; 
                  &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;  
  </code></pre>