Skip to content

Instantly share code, notes, and snippets.

@ituki
Created June 1, 2013 02:55
Show Gist options
  • Save ituki/5689135 to your computer and use it in GitHub Desktop.
Save ituki/5689135 to your computer and use it in GitHub Desktop.
横並びしてる要素の高さをそろえ、要素が削除されたあともまた高さをそろえる ref: http://qiita.com/items/ddbf2dc96e6e746a8c1f
<ul id="box01" class="clearfix">
<li>
<p class="text">ダミーダミーダミー</p>
<p><a href="#">削除ボタン</a></p>
</li>
<li>
<p class="text">ダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミーダミー</p>
<p><a href="#">削除ボタン</a></p>
</li>
<li>
<p class="text">ダミーダミーダミーダミーダミーダミーダミーダミー</p>
<p><a href="#">削除ボタン</a></p>
</li>
<li>
<p class="text">ダミーダミーダミーダミーダミーダミーダミーダミー</p>
<p><a href="#">削除ボタン</a></p>
</li>
</ul>
function heightchange() {
$('#box01 p.text').tile(2);
}
heightchange();
$('#box01 a').click(function(){
$(this).closest('li').remove().queue( function(){ heightchange(); });
return false;
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment