jNext 0.0 First Demo

HTML

<div id="main">
    <div class="colour green"></div>
    <div class="colour red">
        <div data-blah="red-inner"></div>
    </div>
    <div class="colour blue"></div>
    <div class="blah">
</div>
    
<script src="http://dl.dropbox.com/u/13598455/jNext/jNext.js"></script>

CSS

#main > div {
    width: 50px;
    height: 50px;
    position: absolute;
}
.red{background:red; left: 30px;}
.green{background:green; left: 90px;}
.blue{background:blue; margin-left: 30px;left: 150px;}

JavaScript

jNext('div[data-blah="red-inner"]').parent().siblings('.colour').animate({
    width: '100px',
    top: '80px',
    'background-color': 'orange'
}, 10000, function() {
    alert('ok');
});