Question

点击地图按钮时，我试图在我的page顶部滑动谷歌地图。它工作完美但不是在点击地图按钮三次之前。这是我的 - 可能很尴尬 - 代码：

$(function(){
$("#schalter, #koordinaten").toggle(function(){

    $("#ueberkarte").animate({
        width:'100%',
        opacity: 'show',    
        left: '0'                   
        }, 'slow');
}, function() {

$('#ueberkarte').animate({
    width: 'hide',
    opacity: 'hide'
}, 'slow');});});

如果有人告诉我我做错了什么或者我怎样才能更轻松地完成它，我将非常感激。提前致谢，托马斯

Answer 1

Hy，德国大学;-) 我无法读取代码中的任何点击事件或其他内容。
也许你应该试试

$('#ueberkarte').on("click",function(){
//Moving Up and Down of you google map
});

Answer 2

jquery切换功能定义为：

.toggle( [duration] [, easing] [, callback] )

duration是表示动画时间的字符串或数字
easing是动画类型为String
回调是一个在所有动画完成时调用的函数

常见的方法是在按钮上定义单击处理程序，然后在单击回调中定义切换功能。切换功能还会隐藏您的元素，您不需要额外的动画。你可以简单地做这样的事情：

$('#schalter').click(function() {
    $('#ueberkarte').toggle('slow');
});

jquery .toggle（）在三击之前不会启动

2 个答案: