为window in和out 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
}