我点击时移动两个div（打开），当用户点击时，我希望其余的重置。 （在我的小提琴中看起来非常清楚）
我第一次运行脚本并单击对象时，它运行完美，但如果我继续单击，则需要两次单击才能运行。我尝试过涉及.click（）和e.preventdefault的函数，但没有一个工作。我已经花了很多时间在这上面，所以我希望有人可以帮我解决这个问题。
非常感谢提前！
$("#schoenen").toggle(
function（）{
//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'});
}， function（）{
$("#rood_een").animate({'left':'360px'});
$("#rood_twee").animate({'top':'0px'});
}）;
$（ “＃散”）。切换（ function（）{
//casual
$("#oranje_een").animate({'left':'120px'});
$("#oranje_twee").animate({'top':'0px'});
//casual
// $（“＃oranje_een”）。animate（{'left'：'240px'}）; // $（ “＃oranje_twee”）动画（{ '顶部'： '120像素'}）;
//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'});
}， function（）{
$("#oranje_een").animate({'left':'240px'});
$("#oranje_twee").animate({'top':'120px'});
}）;