Toggle Text w/ jQuery

by Rian .N Herdian

HTML

<button>
  <span class='active'>Before</span>
  <span>After</span>
</button>

CSS

button span {
  display:none;
}
button span.active {
  display:inline;
}

JavaScript

$("button").click(function() {
  $(this).find('span').toggleClass('active');
});