Changement d'onglets en jQuery

by ydelmas

HTML

<button data-ref="#a">A</button>
<button data-ref="#b">B</button>
<button data-ref="#c">C</button>
<div class="onglet" id="a">lorem ipsum</div>
<div class="onglet" id="b">dolor sit amet</div>
<div class="onglet" id="c">klmjmklj mkfjds mgklsfjd</div>

CSS

.masque { display:none; }

JavaScript

$('.onglet').addClass('masque');
$('#a').removeClass('masque');

$('button').on('click', function() {
    $('.onglet').addClass('masque');
    $( $(this).attr('data-ref') ).removeClass('masque');
});