Question

I found another SO question that had a fiddle with similar functionality to what I’m trying to do. Instead of swiping to a new div however I would like to simply slide the div off the screen

http://jsfiddle.net/yxzZf/4/

$("#listitem").swiperight(function() {
    $.mobile.changePage("#page1");
});

The div in question is actually a jQuery UI dialog, $(“#div”).dialog({…});. I would like to simply swipe it off the screen and close it.

Answer 1

Something like this:

$('#home').live('pagebeforeshow',function(e,data){    
    $("#listitem").bind('swiperight',function(event, ui){
        $.mobile.changePage("#page1", { transition: "slide", reverse: true});
    });
});

Example: http://jsfiddle.net/Gajotres/UaupV/