JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<p class="tweet">These English psychologists, to whom, among other things, we owe the only attempts hitherto made to bring about a history of the origin of morality,—they give us in their own persons no slight riddle to solve; they have even, if I may confess it, for this very reason, as living riddles, something distinctive in advance of their books — they themselves are interesting!</p>
</div>

CSS

.tweet { border:1px solid red; width:25em; padding:.5em; overflow:hidden; white-space:nowrap; }
.hiding { text-overflow:ellipsis; }

JavaScript

$('#wrapper').delegate('.tweet', 'hover', function(e) {
    alert('event fired: ' + e.type);
    if(e.type === 'mouseenter') {
		$(this).removeClass('hiding').animate({scrollLeft: 100}, 'slow');
	} else {
		$(this).stop().addClass('hiding').scrollLeft(0);
	}
});