function openingGame() {
    // arrow draggable
    $("#opening-game .drag-arrow").draggable({
      revert: "invalid",
      revertDuration: 200,
      containment: "parent"
    });
    // for more then one time
    $("#opening-game .drag-arrow").draggable("enable");
    // grass dropabble
    $("#opening-game .drop-grass").droppable({
      tolerance: "touch",
      drop: function(e,ui) {
        ui.draggable.draggable("disable");
        // animation to put the arrow in place
        ui.draggable.animate({top: "45vw", left: "-66vw"}, 200, function() {
          // in the end of the animation moving to the next page
          setTimeout(function(){
            $("#opening-game .drag-arrow").css({"left": "-2vw","top": "36.6vw"});
            $("#opening-game").css("display", "none");
            nPage++;
            movePage();
            }, 1000);
        });
      }
    });
  }
// the game of dragging arrow at the opening

the game of dragging arrow at the opening
the game of dragging arrow at the opening
function openingGame() {
    $("#opening-game .drag-arrow").draggable({
      revert: "invalid",
      revertDuration: 200,
      containment: "parent"
    });
    $("#opening-game .drag-arrow").draggable("enable");
    $("#opening-game .drop-grass").droppable({
      tolerance: "touch",
      drop: function(e,ui) {
        ui.draggable.draggable("disable");
        ui.draggable.animate({top: "45vw", left: "-66vw"}, 200, function() {
          setTimeout(function(){
            $("#opening-game .drag-arrow").css({"left": "-2vw","top": "36.6vw"});
            $("#opening-game").css("display", "none");
            nPage++;
            movePage();
            }, 1000);
        });
      }
    });
  }
function openingGame ( ) { $ ( "#opening-game .drag-arrow" ) . draggable ( { revert : "invalid" , revertDuration : 200 , containment : "parent" } ) ; $ ( "#opening-game .drag-arrow" ) . draggable ( "enable" ) ; $ ( "#opening-game .drop-grass" ) . droppable ( { tolerance : "touch" , drop : function ( e , ui ) { ui . draggable . draggable ( "disable" ) ; ui . draggable . animate ( { top : "45vw" , left : "-66vw" } , 200 , function ( ) { setTimeout ( function ( ) { $ ( "#opening-game .drag-arrow" ) . css ( { "left" : "-2vw" , "top" : "36.6vw" } ) ; $ ( "#opening-game" ) . css ( "display" , "none" ) ; nPage ++ ; movePage ( ) ; } , 1000 ) ; } ) ; } } ) ; }
the game of dragging arrow at the opening
the game of dragging arrow at the opening
// arrow draggable
 // for more then one time
 // grass dropabble
 // animation to put the arrow in place
 // in the end of the animation moving to the next page
