Bootstrap hide and fade

Fade an element and then hide it

by davidpauljunior

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
<div class="row-fluid">
    <ul class="thumbnails">
        <li class="span4">Some content</li>
        <li class="span4">Some content</li>
        <li class="span4 hide">Some content</li>
        <li class="span4">Some content</li>
        <li class="span4">Some content</li>
        <li class="span4">Some content</li>
        <li class="span4">Some content</li>
    </ul>
</div>

SCSS

.hide {
    display: none;
}

JavaScript

$('.row-fluid ul.thumbnails li:visible').each(function(e) {
    $('.row-fluid ul.thumbnails li.span4:nth-child(3n + 4)').addClass('span-left');
});