text hover

by liamtarpey

HTML

<div class="state">
    <p>CA</p>
</div>

<div class="state-full">
    <p>LIFORNIA</p>
</div>

CSS

.state, .state-full {
    display: inline-block;
    cursor: pointer;
}

JavaScript

$('.state').hover(function() {
    $('.state-full').slideToggle(100, 'linear');
    $('.state-full').display(100, 'linear');
});