homepage Welcome to WebmasterWorld Guest from 54.226.21.57
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
Forum Library, Charter, Moderator: open

JavaScript and AJAX Forum

    
I need help getting this easy jquery fadeIn statement correct?
ewwatson

5+ Year Member



 
Msg#: 4515354 posted 11:59 am on Nov 3, 2012 (gmt 0)

Good morning, I want to fadein with jquery but I dont want to use display none. Cant use opacity 0 because IE scews up my png. So I want to initially hide the image with left:-999em. Im using html.js .faqsnav {left:-999em;} because jquery is too slow to hide it otherwise. So then I need to bring it back to left:96px at the same time it's fading in. I think I have all the right puzzle peices here I hoping it's just the wrong format. How should it look? Thanks!

$(document).ready(function() {
$(".faqsnav").delay(4000).css( "left","96px", {queue:false} ).fadeIn(200);
});

 

ewwatson

5+ Year Member



 
Msg#: 4515354 posted 12:13 pm on Nov 3, 2012 (gmt 0)

OK both of these work. IE scews up the png with the opacity one though

$(document).ready(function() {
$(".faqsnav").delay(4000).css( "left","96px").hide().fadeIn(500);
});

or

$(document).ready(function() {
$('.faqsnav').delay(3000).css('opacity',0).animate({opacity:1}, 500);
});

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / JavaScript and AJAX
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved