<div id="app">
<button aria-pressed="false">Toggle me</button>
<p class="toggle">Sometimes I need to be styled differently</p>
</div>
#app {
margin: 50px;
}
.red {
color: red;
}
View Compiled
$(function() {
$('button').click(function(e) {
$('.toggle').toggleClass('red');
$(this).attr('aria-pressed', ($(this).attr('aria-pressed') == "false" ? true : false));
});
});
This Pen doesn't use any external CSS resources.