jquery .toggle () не запускается до тройного щелчка

Question

Я пытаюсь вставить карту Google поверх моей страницы , когда нажимается кнопка карты.Это работает отлично, но не до нажатия кнопки карты три раза.Вот мой - возможно, неловкий - код:

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

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

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

Я был бы очень признателен, если бы кто-нибудь сказал мне, что я делаю неправильно или как мне легче это сделать.заранее спасибо, Томас

Answer 1

Функция переключения jquery определяется следующим образом:

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

• duration - это строка или число, представляющее время для анимации.
• easing - это тип анимации в виде String * 1007.*
• обратный вызов - это функция, которая вызывается после завершения всей анимации.

Обычный способ - определить обработчик щелчка на кнопках, а затем определить функцию переключения в обратном вызове щелчка.Функция переключения также скрывает ваш элемент, и вам не нужна дополнительная анимация.Вы можете просто сделать что-то вроде этого:

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

Answer 2

Hy, немецкий колледж ;-) Я не могу прочитать ни одного события клика или чего-то еще в вашем коде.Может быть, вам стоит попробовать

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