进出jQuery的动画窗口

Question

我在jQuery中创建了一个切换开关。 如果单击标记，则侧栏会在屏幕内滑动，而单击同一标记时，它会向后滑动。 但是，我的屏幕上有多个标记，如果单击另一个标记，动画将继续在内部滑动，因此侧边栏会越来越大。 我想要的是，当您单击任何标记时，边栏保持不变，但是我自己尝试无法实现。 编码：

   google.maps.event.addListener(marker, 'click', function() {
                infowindow.open(map,marker);

                if(windowOpen)
                {

                    sidebar.animate({ 
                        width: "-=300px" 
                    }, 500, function()
                    {
                        console.log('complete');
                    });


                 windowOpen = false;

                }
                else
                {
                    sidebar.animate({ 
                        width: "+=300px" 
                    }, 500, function()
                    {



                    });

                    windowOpen = true;
                }



              });

谁能指出我正确的方向？

非常感谢！

Answer 1

看起来您尚未在eventHandler之外定义windowOpen 。 因此，在每次单击时windowOpen都是未定义的，导致您的else代码被执行。 尝试这个：

var windowOpen = false;

google.maps.event.addListener(marker, 'click', function() {
  // your code
}