jquery プラグインcolumnizerを使用して、テキスト付きの div を 2 つの列に分割しています。親 div に display:none がある場合と同様に、div にプロパティ display:none がある場合は正しく機能しません。この動作は驚くべきことではありません。div が非表示になっているため、プラグインは幅/高さを適切にカウントできません。しかし、親 div を切り替えることができることを知っていれば、それを解決する方法があるのではないでしょうか?
HTML
<div class="button">
</div>
<div class="parent" style="display:none">
<div class="child">
<h1>Title</h1>
<p>Text text text text text text text text text text text text text</p>
<p>Text text text text text text text text text text text text text</p>
<p>Text text text text text text text text text text text text text</p>
</div>
</div>
jQuery
$('.button').click(function() {
$('.parent').slideToggle(700);
});
$('.child').columnize({columns:3});