JSFiddle - React, Tailwind, and code Playground

by robx

HTML

<div class="wrapper">
    <ul>
        <li class="list">a</li>
        <li class="list">b</li>
        <li class="list">c</li>
    </ul>
</div>
<ul id="actions">
    <li><a href="" id="open">open</a></li>
    <li><a href="" id="next">Next</a></li>
</ul>

CSS

#actions li{
 display:inline;   
}

JavaScript

var $list = $('.list');
$('#open').live('click',function(e){
    $('#next').click(function(e){
        $list.next().css({'color':'#F00'});
        e.preventDefault();
    });
    e.preventDefault();
});