クリックすると 2 つの div (開く) が移動し、ユーザーがクリックすると残りがリセットされます。（私のフィドルではかなり明確に見えます）
初めてスクリプトを実行してオブジェクトをクリックするときは問題なく動作しますが、クリックを続けると機能するために 2 回クリックする必要があります。.click() と e.preventdefault を含む関数を試しましたが、どれも機能しませんでした。私はすでにこれに多くの時間を費やしているので、誰かが私を助けてくれることを願っています.
よろしくお願いします！
$("#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").toggle( 関数 () {
//casual
$("#oranje_een").animate({'left':'120px'});
$("#oranje_twee").animate({'top':'0px'});
//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'});
}、 関数 （） {
$("#oranje_een").animate({'left':'240px'});
$("#oranje_twee").animate({'top':'120px'});
});