Stack Overflow
Stack Overflow

Questions tagged [fadeto]

Adjust the opacity of the matched elements.

Adjust the opacity of the matched elements.

Description:

.fadeTo( duration, opacity [, easing ] [, complete ] )

where,
duration A string or number determining how long the animation will run.
opacity A number between 0 and 1 denoting the target opacity.
easing A string indicating which easing function to use for the transition.
complete A function to call once the animation is complete.

jQuery fadeTo Documentation

131 questions
16
votes
4 answers

jQuery: Can you find the selected element's opacity with jQuery?

I have a filter running on a set of list elements which fades the lesser desirable elements down to 0.25 opacity but I'd love to have their opacity return to 1 and then back down to 0.25 on hover over and out. Is this fairly simple to do? I'm only…
Steckel
  • 161
  • 1
  • 1
  • 3
5
votes
4 answers

jQuery FadeTo causing pixelated text in IE8 when font-weight: bold

I am fading out, and in a div: $('.formErrors').fadeTo('fast', 0); $('.formErrors').fadeTo('slow', 1); But when I do this in IE 8, it seems this bit of CSS: .formErrors li { font-weight: bold; } Is causing the text to come back quite distorted:…
Newmania
  • 662
  • 1
  • 12
  • 17
4
votes
3 answers

jQuery hover fadeTo with three div's

I'm using this div fadeTo code from here, which fades one of two divs, depending on hover. What I'd like to do it add a third option - and a third div called #maindiv - in this way: "If hovering over #maindiv, don't fade either #sidebar or…
markratledge
  • 17,322
  • 12
  • 60
  • 106
3
votes
2 answers

jQuery animate is very choppy in all browsers - div with jpg moving up and fading in at the same time

Or is this the best it's going to get? I've attempted using script.aculo.us but the fade in and animation of the first image still is choppy. I've tested in Google Chrome, Safari, and the iPad 1 (veryyy choppy on the iPad 1). The other elements…
DillonB
  • 179
  • 1
  • 3
  • 12
3
votes
1 answer

Child elements in div won't fadeTo() in IE

This is strange to me. This code: $(".layover").fadeTo("fast", 0.0); $(".layover").hover(function() { $(this).fadeTo("fast", 0.9); }, function() { $(this).fadeTo("fast", 0.0); }); ..works just fine on all browsers except IE7 and IE8. It even works…
David
  • 31
  • 2
3
votes
1 answer

jQuery toggle opacity

Trying get opacity to toggle. Basically the list items are set at zero opacity, thereby retaining their height. When the list subcategory head is clicked, the empty list area drops down ot the depth of the list items and then opacity should toggle…
hotdiggity
  • 329
  • 7
  • 23
2
votes
1 answer

IE distorting text in JQuery fade / opacity animation

I realize this is well-trodden territory, but I can't get any of the recommended solutions on SO or other places to work. I have a div, with text inside, that I want to fade out to 25% on a click and then fade in to 100% on a subsequent click. It…
Jeff 131313
  • 37
  • 2
  • 5
2
votes
1 answer

jQuery Fading effect occuring multiple times

I am trying to write a simple jQuery script to apply fading effect on footer. On mouseover event, it fades in with opacity = 1, and on mouse out event it fades out to opacity 0.01. I have applied this effect on parent div. The problem is, everytime…
Bongs
  • 5,502
  • 4
  • 30
  • 50
2
votes
2 answers

How to add a fadeIn effect while changing background image using .css in Jquery

Hey guys, Im trying to add a fadein effect while changing my background image using .css in Jquery I dont really know much about java, hoping someone can help me out here! The code for changing css background image is pretty simple…
tino
  • 21
  • 2
2
votes
2 answers

jQuery fadeTo based on time of day

I'm working on an open source project called BitDay that I started a while ago on Reddit. I have 12 elements as CSS classes, each has their own background image. Right now, the jQuery I have fetches the time, and based on the time of day applies an…
cannydare
  • 150
  • 1
  • 9
2
votes
1 answer

Jquery fade only one item of a class in

I just tried making a script that fades in a tooltip when you hover a link, image etc.. Everything works fine except the actual fading in of only one tooltip at a time. If it was not clear what i mean: I want to hover an image and show a tooltip…
Peter
  • 67
  • 5
2
votes
1 answer

jquery fade to after scrolling certain distance

I have a personal website, www.derekgoss.com, that I'm working on (note that it is far from finished - still need content, responsiveness, etc.). When I scroll down and reach the first content box, I would like the navigation bar at the top to…
dcgoss
  • 2,147
  • 3
  • 20
  • 31
2
votes
2 answers

How can I get a div set to visibility:hidden to display using jQuery?

I have a div set to visibility: hidden in the CSS that I want to display later. Here is the jQuery I have so far, which isn't working: $(document).ready(function() { $('#start').click(function() { $(this).fadeOut(1000, function() { …
Pixel
  • 101
  • 2
  • 11
2
votes
1 answer

fadeTo does not fade inner div in IE9

I'm having a problem in IE9 and previous versions with fading. It works in chrome/firefox. A jsFiddle example is provided. I'm trying to fade a div containing an image absolute positioned and a text in a div. All is contained in an outer div…
javacoder
  • 732
  • 1
  • 12
  • 24
2
votes
2 answers

How to stop jQuery fade in fade out/fadeto looping continuously?

I'd like my logo to be invisible after 5 seconds which I have been able to do. I also want the logo to reappear again when the mouse is over my header div and then fade out again if the mouse moves off the header div. The problem is that after…
user1272372
  • 80
  • 1
  • 5
  • 13
1
2 3
…
8 9