我正在使用lottie-Web在按钮上放置一个svg动画。我想放置两个动画，一个位于悬停上，另一个单击。

我尝试了以下代码。

const btncerrar_hover = (fn) =>
  bodymovin.loadAnimation({
    container: logo,renderer: 'svg',loop: false,autoplay: false,prerender: true,frame: 1000,path: 'databoton.json',name: 'hover',})

const btncerrar_click = (fn) =>
  bodymovin.loadAnimation({
    container: logo,path: 'databotoncerrar_click.json',name: 'click',})

var logo = document.getElementById('bm')

var animation = btncerrar_hover()

animation.addEventListener('DOMLoaded',function () {
  animation.goToAndStop(2000)

  logo.addEventListener('mouseenter',function () {
    animation.goToAndStop(0)
    animation.play()
  })

  logo.addEventListener('click',function (e) {
    e.preventDefault()
    animation = btncerrar_click(() => {
      logo.innerHTML = ''
      animation = btncerrar_hover()
      animation.goToAndStop(2000)
    })
    animation.goToAndStop(0)
    animation.play()

    return false
  })
})

很显然，它不能按预期方式工作，所以我正在寻求您的帮助。