JSFiddle - React, Tailwind, and code Playground

HTML

<li><a href="http://getbootstrap.com" target="blank" class="cv_item"> link 1</a> </li>
<li><a href="http://google.com"  target="blank" class="cv_item"> link 2</a> </li>
<li><a href="http://facebook.com"  target="blank" class="cv_item"> link 3</a> </li>
<li><a href="http://bbc.com"  target="blank" class="cv_item"> link 4</a> </li>
<li><a href="http://news.com"  target="blank" class="cv_item"> link 5</a> </li>

JavaScript

$('body').on("keyup", function(e) {
              
                var code = e.which;
                if (code == 40) {
                
                 e.preventDefault();    
                // down here
               $('.cv_item').next().trigger( "click" );
               
                } else if (code == 38) {
                
                 e.preventDefault();    
                // up here
          $('.cv_item').prev().trigger( "click" );
                }
            });