apply css style

by narensrinivasans

HTML

<p id="colorButton">Color Only</p>
<p id="AllButton">All Styles</p>
<p id="Reset">Reset</p>
<p id="disclaimer">Disclaimer</p>

CSS

#colorButton, #AllButton, #Reset {
    background: whitesmoke;
    border: 1px solid gray;
    cursor: pointer;
    color: grey;
    display: inline-block;
    padding: 4px 12px;
}
#colorButton:hover, #AllButton:hover, #Reset:hover {
    border-color: black;
    color: black;
}
.note {
    color: grey;
}

JavaScript

$('#colorButton').click(function() {
    $('#disclaimer').css('color', 'green');
});
$('#AllButton').click(function() {
    $('#disclaimer').css({
                    'background-color': '#dddddd',
                    'color': '#666666',
                    'font-size': '15pt',
                    'line-height': '2.5em'
                    });
});
$('#Reset').click(function() {
    $('#disclaimer').removeAttr("style");
});