JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://github.com/tkyk/jquery-history-plugin/raw/master/jquery.history.js"></script>
<div id="thing-to-transition">
    Click <a href="#thing-to-transition" onClick="jQuery.history.load('thing-to-transition')">this</a> to transition the enclosing div.  Notice how the fragment (the part after the hash) matches up to the id of the div.
</div>

CSS

#thing-to-transition
{
    width:300px;
    background-color:white;
    border: solid black 1px;
    margin:15px;
    padding:15px;
    
    -webkit-transition: -webkit-transform 1s linear;
    -webkit-transform: translateX(0%);
}

#thing-to-transition:target
{
    -webkit-transform: translateX(100px);

JavaScript

jQuery(document).ready(function($){
    $.history.init(function(hash){
        if(hash == "") {

        } else {
            
        }
    },
    { unescape: ",/" });
});