MAkeing the Drag n' drop function go to a URL?

MAkeing the Drag n' drop function go to a URL?

Hello Support

im wondering if its possbile on this exampel:

www.lkrieger.com/folio10

im useing follwoing script for drag and dropping:

  1. $(function() {
            $("#draggable1").draggable();
            $("#dropZone").droppable({
                drop: function(event, ui) {
                    $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
                }
            });
           
            $("#draggable2").draggable();
            $("#droppable2").droppable({
                accept: "#draggable2",
                activeClass: 'ui-state-hover',
                drop: function(event, ui) {
                    $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
                }
            });
            $("#draggable3").draggable();
            $("#droppable3").droppable({
                accept: "#draggable3",
                activeClass: 'ui-state-hover',
                drop: function(event, ui) {
                    $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
                }
            });
            $("#draggable4").draggable();
            $("#droppable4").droppable({
                accept: "#draggable4",
                activeClass: 'ui-state-hover',
                drop: function(event, ui) {
                    $(this).addClass('ui-state-highlight').find('p').html('Dropped!');
                }
            });
        });
    </script>
































If we only take in concern the "first drag and drop" the pink boks the call name is dropable 1 and where its being able to be dragede to is namede "dropZone" is it possible to put any function in to Dropabale1 so when it hits dropZone it wil trigger a .html page shift so it will got to page2.html?

Im really new to java scripting and jQuery but find its fantastic and really would like to learn this feature?