JQuery toggle требует двух щелчков после первого щелчка

Question

Я перемещаю два divs (открыть) при нажатии, когда пользователь нажимает, я хочу, чтобы остальные были сброшены. (Это выглядит довольно ясно в моей скрипке)

В первый раз, когда я запускаю сценарий и нажимаю на объекты, он работает безупречно, но если я продолжаю нажимать, для этого требуется два щелчка. Я пробовал функции, связанные с .click() и e.preventdefault, но ни одна из них не работала. Я уже потратил много времени на это, поэтому надеюсь, что кто-то может помочь мне в этом.

Большое спасибо заранее!

http://jsfiddle.net/baZDy/

$("#schoenen").toggle(

функция() {

//schoenen 
$("#rood_een").animate({'left':'480px'}); 
$("#rood_twee").animate({'top':'120px'}); 

//casual 
$("#oranje_een").animate({'left':'240px'}); 
$("#oranje_twee").animate({'top':'120px'}); 

//schoenen 
//$("#rood_een").animate({'left':'360px'}); 
//$("#rood_twee").animate({'top':'0px'}); 

//ceremonie 
$("#blauw_een").animate({'left':'120px'}); 
$("#blauw_twee").animate({'top':'240px'}); 

//communie 
$("#groen_een").animate({'left':'240px'}); 
$("#groen_twee").animate({'top':'360px'}); 

}, функция() {

$("#rood_een").animate({'left':'360px'}); 
$("#rood_twee").animate({'top':'0px'}); 

}); .

$ ("# случайный") переключения ( функция() {

//casual 
$("#oranje_een").animate({'left':'120px'}); 
$("#oranje_twee").animate({'top':'0px'}); 

//casual 

// $ ("# oranje_een") одушевленных ({ 'влево':. '240px'}); //$("#oranje_twee").animate({'top':'120px '});

//schoenen 
$("#rood_een").animate({'left':'360px'}); 
$("#rood_twee").animate({'top':'0px'}); 

//ceremonie 
$("#blauw_een").animate({'left':'120px'}); 
$("#blauw_twee").animate({'top':'240px'}); 

//communie 
$("#groen_een").animate({'left':'240px'}); 
$("#groen_twee").animate({'top':'360px'}); 

}, функция() {

$("#oranje_een").animate({'left':'240px'}); 
$("#oranje_twee").animate({'top':'120px'}); 

});

Answer 1

.toggle() устарела в последней версии

Этот метод подписи осуждался в JQuery 1.8 и удален в JQuery 1,9. jQuery также предоставляет метод анимации с именем .toggle() , который переключает видимость элементов. Независимо от того, запущена ли анимация или метод , зависит от набора переданных аргументов.

SEE HERE

Для альтернативы см HERE