(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; }