I am using a switch (something like toggle button) to show some data to the users. But the switch only works on double click instead of single.

Below is the code from .js file -

var integrations = {
    init: function() {
      $("input[type='checkbox'].integration").bootstrapSwitch();

      $("input[type='checkbox'].integration").on('switchChange.bootstrapSwitch', function(e, state) {
        $(this).siblings('.bootstrap-switch-label').click();
        var val = $("input[type='checkbox'].integration").val()
        if (val === 'true')
          $(this).prop( "checked", true);
        else
          $(this).prop( "checked", false);
      });

      this.jiraService = w.service.get('jira').init();
      this.jiraService.initEvents();

      if (w.Clipboard) {
        new w.Clipboard(".copy.tooltip-right");
      }
    }
  };

Does anyone know how to make it work for single click? Please help!