title: JQuery slideToggle for multicolumn list
body: <p>I`ve got a big list with the width of li 33%, so there are 3 columns.</p>
  
  <pre><code>computers   monitors   hi-fi
  sex-toys    pancakes   scissors
  </code></pre>
  
  <p>In each of them there is UL hidden, which on click slideToggle.</p>
  
  <p><strong>JQuery</strong></p>
  
  <pre><code>$('.subCategory &gt; .parentleaf:has(ul) &gt; .categoryicon').click(function() {
      $(this).siblings('ul').slideToggle('fast');
      });
  </code></pre>
  
  <p>The problem that dont slide as I want, they rebuld the list every time, like so</p>
  
  <pre><code>computers   monitors   hi-fi
  [li]cars    sex-toys   pancakes
  [li]dogs    scissors
  </code></pre>
  
  <p>I want to slide them this way:</p>
  
  <pre><code>computers   monitors   hi-fi
  [li]cars    pancakes   scissors
  [li]dogs
  sex-toys       
  </code></pre>
  
  <p>How can I achieve this??</p>
  
  <p><a href="http://jsfiddle.net/dLmYx/" rel="nofollow"><strong>jsFiddle</strong></a></p>
  
  <p><a href="http://jsfiddle.net/dLmYx/2/" rel="nofollow"><strong>jsFiddle 2</strong></a> - in this case need the red bg color be for 3 columns</p>