Bouton qui reste enfoncé

Bonjour,
Je souhaite créer un bouton sur mon site qui resterait enfoncé lorsqu'on clique dessus
J'ai trouvé un site qui proposait le code du bouton que je cherchais (celui des likes sur tumblr) et je l'ai donc ajouté à mon blog
Le souci c'est que le bouton ne reste pas appuyé après que l'on clique dessus, et je ne vois pas ce qui pourrait clocher dans le code :

		<style>
.my-like {
    background-image: url(/*première image*/) !important;
    height:23px;
    width:20px;
    cursor:pointer;
    display:block;
    margin-left: auto;
    margin-right: auto;
}
    .my-liked, .my-like:hover, .my-like:active {
    background-image: url(/*deuxième image*/) !important;
    height:23px;
    width:20px;
    cursor:pointer;
    display:block;
    margin-left: auto;
    margin-right: auto;
    

}
</style>
<script>
window.onload = function () {

document.addEventListener( 'click', function ( event ) {
    var myLike = event.target;
    if( myLike.className.indexOf( 'my-like' ) > -1 ) {
        var frame = document.getElementById( 'my-like-frame' ),
            liked = ( myLike.className == 'my-liked' ),
            command = liked ? 'unlike' : 'like',
            reblog = myLike.getAttribute( 'data-reblog' ),
            id = myLike.getAttribute( 'data-id' ),
            oauth = reblog.slice( -8 );
        frame.src = 'http://www.tumblr.com/' + command + '/' + oauth + '?id=' + id;
        liked ? myLike.className = 'my-like' : myLike.className = 'my-liked';
    };
}, false );
};
</script>

J'attend vos suggestions !
Merci d'avance