Play and Pause Toggle

This script shows how to toggle between two buttons

by D S

HTML

<div id="button" onClick="myFunction()"></div>

CSS

#button{
    background-image:url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-play-32.png);
    width:100px;
    height:100px;
}
.pause{
     background-image:url(https://cdn0.iconfinder.com/data/icons/typicons-2/24/media-pause-32.png) !important;
}

JavaScript

function changeBG(buttonName, toggleTo){
    $(buttonName).toggleClass(toggleTo);
}


function myFunction() {
    changeBG("#button", "pause");
};