realastate

by halirgb

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<button class="btn btn-default up">
<span class="glyphicon glyphicon-thumbs-up"></span>
    
<button class="btn btn-default down">
<span class="glyphicon glyphicon-thumbs-down"></span>
</button>
<div class="count">0</div>

CSS

.list-box-thumbs{
    display:none;
}

JavaScript

var count = 0;

$('.up').click(function(){
    count++;
    $('.count').text(count);
});

$('.down').click(function(){
    if(count == 0){ 
        return false;
    }else{
        count--;
        $('.count').text(count);
    }
});