JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        
        <li>Главные новости</li>
          <li>Москва</li>
         <li>Политика</li>
         <li>Общество</li>
         <li>Экономика</li>
         <li>В мире</li>
         <li>Спорт</li>
         <li>Проишествия</li>
        <li>Экономика</li>
         <li>Культура</li>
         <li>Наука</li>
         <li>Hi-tech</li>
        
         <li>Интернет</li>
         <li>Авто</li>
    </ul>
    
    
</div>

CSS

li{
    
float:left;
margin-right:20px; 
}

div{
    
    width:295px;
   overflow:hidden;   
 
}

ul{
position:relative;
    padding:0;
    list-style:none;
    width:5000px;
 
}

JavaScript

var lin=$('li');

for(i=0;i<lin.length-5;i++){
    
 var b=$(lin[i]);
    $(b).css('color','red');

 
   $(b).click(function(){
var x=$(this).position().left;    
    $("ul").animate({left:-(x)},1000);
    
});
    

}