I like it toggle buttons

by eprouver

HTML

<div>I Have It <div class="frad"></div></div>
<div>I Want It <div class="frad"></div></div>

CSS

div{
    vertical-align:middle;
    padding: 10px;
}

.frad:hover{
    background:#ccc;
}

.frad{
    width: 30px;
    height: 30px;
    background:white;
    border: 5px solid black;
    box-shadow: inset 0 0 0 5px white;
    border-radius:50px;
    cursor:pointer;
    display:inline-block;
    padding: 0;
    margin-left: 1em;
    -webkit-transition:0.2s ease background;
}

.frad.on{
    background:black;    
}

JavaScript

$('.frad').on('click', function(){
    $('.frad').not(this).removeClass('on');
    $(this).toggleClass('on');
});