jquery .toggle()在三击之前不会启动

时间:2011-12-15 09:53:49

标签: jquery google-maps toggle slide

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

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

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

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

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

jquery切换功能定义为:

.toggle( [duration] [, easing] [, callback] )
  • duration是表示动画时间的字符串或数字
  • easing是动画类型为String
  • 回调是一个在所有动画完成时调用的函数

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

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