JSFiddle - React, Tailwind, and code Playground

by isimpledesign

HTML

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 
<button type="button" id="vid" class="toggleButton">Video</button>

CSS

#vid {
background-color: #333;
color: white;
height: 30px;
padding-top: 0;
text-align: center;
width: 80px;
border:none;
}

JavaScript

$(document).ready(function () {

//ACCORDION TOGGLES    
$('.toggleButton').click(function(){
        $("html,body").animate({scrollTop:0},400);
    }).hover(function(){
        $(this).stop(true,true).animate({backgroundColor:'#99b3cc', color:'#000'},300);
    },function(){
    $(this).stop(true,true).animate({backgroundColor:'#333',color:'#fff'},300);
});

});