Language Swapping CSS

CSS Tricks are pretty snazzy

by David Speare

HTML

<p class="test english" data-content-english="Click the Button to Change the Language" data-content-french="Cliquez sur le bouton pour changer la langue">  </p>
<div class='test english' data-content-english="Hello World!" data-content-french="Bonjour Monde!">

</div>


<input type='button' value='english'/>
<input type='button' value='french' />

CSS

.english:after
{
    content: attr(data-content-english);
}

.french:after
{
    content: attr(data-content-french);
}

JavaScript

$("input").click(function(){
    $(".test").toggleClass("english");
    $(".test").toggleClass("french");    
    $(".test").addClass($(this).val());
});