[FX.php List] [OFF] JQuery slide left...

Head Honcho headhoncho at customikesolutions.com
Sun Oct 21 18:18:43 MDT 2012


Here's a couple of ways I've done it:

	$("#backButton").click(function(){
			$("#data").show("slide", { direction: "left" }, 500); // slide back the data div
			$("#detail").hide(); // hide the detail
		});

or

	$("#saveData").click(function(){
			$("#visit").hide();  // hide this div
			$("#detail").show("slide", { direction: "right" }, 500); // slide in the detail div
		});


Hope this helps.

Regards

Michael Ward
--
Head Honcho, CustoMike Solutions
Member, FileMaker Business Alliance & FileMaker Technical Network
FileMaker 7, 8, 9, 10 & 11 Certified Developer
ph 0414 562 501
headhoncho at customikesolutions.com

On 22/10/2012, at 10:32 AM, Bob Patin <bob at patin.com> wrote:

> I've been trying to figure out how to slide a DIV left, for an iOS app that I'm working on.
> 
> I found this:
> 
> $('#div').hide("slide", { direction: "left" }, 1000);
> 
> but it doesn't seem to do it when I run it.
> 
> Here's what I have:
> 
> var page = 'ticket.php';
> $('.main')
> .hide("slide", { direction: "left" }, 1000)
> .load(page)
> .show('slide', { direction:"left" }, 1000);
> 
> I'm sure it's something stupid, but I've yet to figure out what I'm doing wrong. Any help would be much appreciated.
> 
> What I'm trying to do is to load a 2nd page into my DIV, sliding the old one out and the new one in; I figured I should probably slide twice...
> 
> 
> 
> Bob Patin
> Longterm Solutions LLC
> P.O. Box 3408
> Brentwood, TN 37024
> bob at longtermsolutions.com
> 615-333-6858
> http://www.longtermsolutions.com
> iChat: bobpatin
> AIM: longterm1954
> Twitter: bobpatin
> Google+: http://www.longtermsolutions.com/plus
> --
> FileMaker 9, 10 & 11 Certified Developer
> Member of FileMaker Business Alliance and FileMaker TechNet
> --
> FileMaker hosting and consulting for all versions of FileMaker
> PHP • Full email services • Free DNS hosting • Colocation • Consulting_______________________________________________
> FX.php_List mailing list
> FX.php_List at mail.iviking.org
> http://www.iviking.org/mailman/listinfo/fx.php_list



More information about the FX.php_List mailing list