function openingGameExplanation() {
    // arrow
    $("#opening-game-explanation .drag-arrow").delay(300).animate({top: "45vw", left: "-66vw"}, 1000).delay(300).animate({top: "36.6vw", left: "-2vw"}, 1000);
    // numbers
    $("#arrows-numbers").delay(300).fadeToggle(500, function() {
      $("#arrows-numbers").text("1+0 = 1");
    }).fadeToggle(500).delay(300).fadeToggle(500, function() {
      $("#arrows-numbers").text("110 = 7");
  }).fadeToggle(500);
  }
// animation of arrow moving to explain the math exer

animation of arrow moving to explain the math exer
animation of arrow moving to explain the math exer
function openingGameExplanation() {
    $("#opening-game-explanation .drag-arrow").delay(300).animate({top: "45vw", left: "-66vw"}, 1000).delay(300).animate({top: "36.6vw", left: "-2vw"}, 1000);
    $("#arrows-numbers").delay(300).fadeToggle(500, function() {
      $("#arrows-numbers").text("1+0 = 1");
    }).fadeToggle(500).delay(300).fadeToggle(500, function() {
      $("#arrows-numbers").text("110 = 7");
  }).fadeToggle(500);
  }
function openingGameExplanation ( ) { $ ( "#opening-game-explanation .drag-arrow" ) . delay ( 300 ) . animate ( { top : "45vw" , left : "-66vw" } , 1000 ) . delay ( 300 ) . animate ( { top : "36.6vw" , left : "-2vw" } , 1000 ) ; $ ( "#arrows-numbers" ) . delay ( 300 ) . fadeToggle ( 500 , function ( ) { $ ( "#arrows-numbers" ) . text ( "1+0 = 1" ) ; } ) . fadeToggle ( 500 ) . delay ( 300 ) . fadeToggle ( 500 , function ( ) { $ ( "#arrows-numbers" ) . text ( "110 = 7" ) ; } ) . fadeToggle ( 500 ) ; }
animation of arrow moving to explain the math exer
animation of arrow moving to explain the math exer
// arrow
 // numbers
