Edit in JSFiddle

(function () {
    var state = false;

    $("button").on('click', function () {
        var $a = $('article');

        state = !state;
        var fn = state ? 'hide' : 'show';
        $a.not('.1')[fn]();

        $a.removeClass('highlight').filter(':visible:eq(0)').addClass('highlight');
    });

})();
<button type="button">OFF</button>
<section>
    <article class="2 3 highlight">2 3</article>
    <article class="2 3 4">2 3 4</article>
    <article class="1 4 5">1 4 5</article>
    <article class="1 3 5">1 3 5</article>
    <article class="3 4 5">3 4 5</article>
</section>
article {
    padding:10px;
    margin: 10px;
    background: #eee;
}
.highlight {
    background: #f30;
}