title: Slide divs up/down depending on the radio selected
body: <p>I have searched in several similar threads, but I do something wrong and it seems to not work.</p>
  
  <p>I have this HTML structure:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="form" class="inquiry-section"&gt;
    &lt;div class="inner"&gt;
    
      &lt;div class="inner-form-col"&gt;
        &lt;div class="inner-form"&gt;&lt;input type="radio"&gt;&lt;span&gt;some label&lt;/span&gt;&lt;/div&gt;
        &lt;div class="inner-ab"&gt;
          &lt;div class="inner-straight-ab"&gt;some content&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      
      &lt;div class="inner-form-col"&gt;
        &lt;div class="inner-form"&gt;&lt;input type="radio"&gt;&lt;span&gt;some label&lt;/span&gt;&lt;/div&gt;
        &lt;div class="inner-ab"&gt;
          &lt;div class="inner-gshape-ab"&gt;some content&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      
      &lt;div class="inner-form-col"&gt;
        &lt;div class="inner-form"&gt;&lt;input type="radio"&gt;&lt;span&gt;some label&lt;/span&gt;&lt;/div&gt;
        &lt;div class="inner-ab"&gt;
          &lt;div class="inner-pshape-ab"&gt;some content&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      
      &lt;div class="inner-form-col"&gt;
        &lt;div class="inner-form"&gt;&lt;input type="radio"&gt;&lt;span&gt;some label&lt;/span&gt;&lt;/div&gt;
        &lt;div class="inner-ab"&gt;
          &lt;div class="inner-isle-ab"&gt;some content&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What I want to achieve is after clicking an <em>input</em> in <strong>.inner-form</strong> to .slideDown() the <strong>.inner-ab</strong> in the same <strong>.inner-form-col</strong> and to .slideUp() all the <strong>.inner-ab</strong> in the other columns. I made it work with .show() / .hide() or switching a class but as I need height: auto, I cannot achieve animation AND re-flowing the content below.</p>