Как синхронизовать две кнопки?

Question

[vazar09]

По отдельности работаю хорошо, но вот знаний не хватает, чтобы понять, как сделать, чтобы они работали синхронно?

<div class="bars on"></div>
<div class="bars on"></div>

$('body').on('click', '.bars.on', function () {
			pauseAudio();
			$(this).removeClass('on');
			$(this).addClass('off');
		});
$('body').on('click', '.bars.off', function () {
			playAudio();
			$(this).removeClass('off');
			$(this).addClass('on');
		});

Answer 1

[Alexander Pushkarev]

если я правильно понял - https://codepen.io/anon/pen/owaxRm

jQuery(document).ready(function($) {
    $('body').on('click', '.bars', function (e) {
        e.preventDefault();

        if ( $(this).hasClass('on') ) {
            pauseAudio();
        } else {
            playAudio();
        }

        $('.bars').toggleClass('off');
        $('.bars').toggleClass('on');
    });
});