Bootstrap Switch: показать содержимое перед переключением состояния в положение ON

Question

Мне нужно показать модальное значение перед переключением состояния Bootstrap в положение ON . Следующий код работает нормально, но содержимое запускается независимо от состояния. Он также изменяет состояние после нажатия btn-primary.

HTML

<input type="checkbox" class="switch" name="my-checkbox" data-size="mini">

JS

// SHOW MODAL ON SWITCH TO ON
$(".switch").bootstrapSwitch();
$('.switch').on('switchChange.bootstrapSwitch', function (e, data) {

        $('.switch').bootstrapSwitch('state', !data, true);
        $('#showModal').modal({
         backdrop: 'static',
         keyboard: false
     });

     $(".modal-footer .btn-primary").click(function(){
        $('.switch').bootstrapSwitch('toggleState', true, true);
        $('#showModal').modal('hide')
    })

});

Идея состоит в том, чтобы запускать содержимое (в данном случае модальное) только в том случае, если переключатель Bootstrap установлен в положение ON.