Highlight li

HTML

<div class="bx-wrapper" style="max-width: 1308px; margin: 0px auto;">
    <div class="bx-viewport" style="width: 100%; overflow: hidden; position: relative; height: 58px;">
        <ul id="jalur" class="jalur" tabindex="21" style="width: 2715%; position: relative; transition-duration: 0s; transform: translate3d(-40px, 0px, 0px);">
            <li id="lix1" style="float: left; list-style: outside none none; position: relative; width: 218px;">
                <div class="fl">
                    <div id="e1" class="fl kurohige-prev jaman" data-time="00:30">00:30-01:00</div>
                    <div class="fl line-0"></div>
                </div>
            </li>
            <li id="lix2" style="float: left; list-style: outside none none; position: relative; width: 218px;">...</ul>
    </div>

JavaScript

$(document).on("keydown", function (event) {
    var key = event.which;
    if (key == '40') {
        $('#jalur li').first().effect('fold', {}, 1000);         
    }
});