JSFiddle - React, Tailwind, and code Playground

HTML

<input type="button" id="clickme" value="click me" />
<div class="news">news 1</div>
<div class="news">news 2</div>
<div class="news">news 3</div>
<div class="news">news 4</div>
<div class="news">news 5</div>
<div class="news">news 6</div>
<div class="news">news 7</div>
<hr />
Онцгой мэдээ:
<div id="newfeatured"></div>

CSS

div.news {
    padding: 3px 5px;
    width: 200px;
    background-color: #ddd;
    border: 1px solid #888;
    margin-bottom: 5px;
}
div#featurednews {
    background-color: orange;
    -webkit-transition: all 2.0s linear;
}
#clickme {
    margin-bottom: 20px;
}

JavaScript

$(function(){
    $(".news:first").attr('id', 'featurednews');
    $("#clickme").click(function(){
        $("#featurednews").css('-webkit-transform', 'translate(0px, 280px)');
        
    });
});