gistfile1.txt

# CSS
.like-red .red {
    display:block;
}

.like-red .green {
    display:none;
}


.dont-like-red .red {
    display:none;
}


.dont-like-red .green {
    display:block;
}




# HTML WHEN LIKES RED
<div class="colour-row like-red">
   <p class="red">RED</p>
   <p class="green">GREEN</p>
</div>



# HTML WHEN LIKES GREEN
<div class="colour-row dont-like-red">
   <p class="red">RED</p>
   <p class="green">GREEN</p>
</div>


# JAVASCRIPT ON CLICK OF 'I LIKE RED' BUTTON
$('tr.colour-row').addClass('like-red').removeClass('dont-like-red')

# JAVASCRIPT ON CLICK OF 'I DONT LIKE RED' BUTTON
$('tr.colour-row').removeClass('like-red').addClass('dont-like-red')