Как использовать подсказку BOOTSTRAP .hide с другим кодом?

Question

Я выполнил этот шаг для создания подсказки BOOTSTRAP, как объединить эти два отдельных кода в один?https://jsfiddle.net/wraihan/yna3rpn3/?utm_source=website&utm_medium=embed&utm_campaign=yna3rpn3

(function($) {
  'use strict'

  $(function() {

    $('.clip').before('<button class="btn btn-primary button-demo" data-clipboard-target><i class="fa fa-copy"></i></button>')
    $('[data-clipboard-target]')
      .tooltip({
        title: 'Copy to clipboard',
        placement: 'left',
      })

    var clipboard = new Clipboard('[data-clipboard-target]', {
      target: function(trigger) {
        return trigger.nextElementSibling
      }
    })

    clipboard.on('success', function(e) {
      e.clearSelection()
      $(e.trigger)
        .attr('data-original-title', 'Copied!')
        .tooltip('show')
        .blur()
        .attr('data-original-title', 'Copy to clipboard')
    })

    clipboard.on('error', function(e) {
      var modifierKey = /Mac/i.test(navigator.userAgent) ? '\u2318' : 'Ctrl-'
      var fallbackMsg = 'Press ' + modifierKey + 'C to copy'

      $(e.trigger)
        .attr('data-original-title', fallbackMsg)
        .tooltip('show')
        .blur()
        .attr('data-original-title', 'Copy to clipboard')
    })

  })

}(jQuery))

Мой код:

function hideTooltip(clip) {
  setTimeout(function() {
    $(clip).tooltip('hide');
  }, 1000);
}