Stack Overflow
Stack Overflow

Questions tagged [fadeout]

The fadeOut() method gradually changes the opacity, for selected elements, from visible to hidden (fading effect).

Hide the matched elements by fading them to transparent.

Description:

.fadeOut( [duration] [, callback] )

where,
duration A string or number determining how long the animation will run.
callback A function to call once the animation is complete.

jQuery Fadeout Documentation

1484 questions
-1
votes
1 answer

Getting Div ID On Link Click

What I am trying to do is fade out one box once the cross of that box is clicked but carn't seem to get it to work even by googling I got it to work when clicking the div it self by using $(this)but I want it to work when the cross is clicked.
Spudster
  • 69
  • 1
  • 11
-1
votes
2 answers

fadeIn/fadeOut iframe on click

The way this works is once I click div with the class 'signupbutton' a iframe fades in. That part works fine. What I'm having trouble with is trying to figure out how I can fade out the iframe once I click that same div again with the class…
drejohnson
  • 69
  • 2
  • 9
-1
votes
1 answer

JQuery Div Fade in and out on change

I have a website coded with php and html and a certain div displays content as an includes file, based on which link is clicked in the navigation menu. I am able to have the content fade in using jQuery, but I would also like the content before it…
Matt Stacey
  • 109
  • 2
  • 10
-1
votes
1 answer

Fix Simple jQuery Function Element Show Only On Scroll

Here is the code below: (function($){ var $window = $(window); $window.scroll(function(){ if ($window.scrollTop() >= 162) { $('.small-logo').fadeOut(); } else { $('.small-logo').fadeIn(); } }); }(jQuery)); the…
Jessica
  • 3
  • 2
-1
votes
1 answer

Add fadeIn/fadeOut to add/remove class

The below code changes the orientation of my navigation by adding/removing a class name. How can I make it fade in and out when the orientation occurs? Here's my code: $(window).scroll(function() { ($("#another-reason-to-attend").offset().top <=…
egr103
  • 3,858
  • 15
  • 68
  • 119
-1
votes
2 answers

jQuery - delay each div in DOM

I'm trying to loop over each DIV in DOM and apply an effect (let's say fadeOut()), with time spaces between each one. From some reason this thing doesn't want to work. var stupid = -1000; return_stupid = function(){ return…
Gal Weissman
  • 208
  • 4
  • 11
-1
votes
1 answer

Stopping event of sibling element in JavaScript

I have a list with events, an onhover animation sequence takes place. and finally social icons show up. When I hover over the social icons the mouse leave event triggers on the other sibling and the social buttons disappear. Here is the source…
0x_Anakin
  • 3,229
  • 5
  • 47
  • 86
-1
votes
1 answer

FadeOut after mouseleave then click jQuery

I have some DIV that fades in by clicking another DIV trigger element. I cannot came up with a script that will: On mouse leave then click outside -fade out the DIV Thanks for any advice.
Wolly Wombat
  • 99
  • 1
  • 1
  • 9
-1
votes
1 answer

Fade in a ID when scrollbar hits top of browser

All I'm after is a bit of code that fits within what I have currently. I have an arrow that is displayed near the top when the browser window less than 900px in height, when clicked the arrow will fadeout and take the user to a different part of the…
egr103
  • 3,858
  • 15
  • 68
  • 119
-1
votes
2 answers

Make a div fade out on focus of a text area

I have a div that I'd like to have fade out using JavaScript when a certain text area is clicked/focused. Is this possible? Text area HTML