Stack Overflow
Stack Overflow

Questions tagged [jquery-effects]

For questions related to animating elements using jQuery effects.

288 questions
2
votes
2 answers

jQuery fadeOut() and fadein() timing

I've a simple problem with jQuery, checkout this: http://jsfiddle.net/4Q5uQ/ How to fadeIn() the box after the fadeOut() effect is completed?
Fred Collins
  • 5,004
  • 14
  • 62
  • 111
2
votes
3 answers

Set effect duration based on a css property

$('.container').animate({ 'height': el.height() }, { duration: 300}); So el's height can be smaller or greater than .container's height. How can I make it so the effect duration lasts longer when the difference between the current height and the…
Alex
  • 66,732
  • 177
  • 439
  • 641
2
votes
3 answers

jQuery toggle() problem

$('.toggle').toggle(function(){ var ul = $('ul'); ul.fadeOut('fast', function(){ ul.fadeIn('fast').removeClass('off'); ul.addClass('on'); }); }, function(){ ul.fadeOut('fast', function(){ alert('wtf'); // <-…
Alex
  • 66,732
  • 177
  • 439
  • 641
2
votes
0 answers

Using jQuery UI effects when dropping items between tabs

I have a jQuery UI tab control. It contains blocks that can be sorted. They can also be dropped on other tabs. When a block is dropped on another tab, I want to use the slide effect to hide the block from the current tab before displaying it on…
Joel Harris
  • 1,966
  • 3
  • 20
  • 32
2
votes
1 answer

change Particle Effect on Mouse hover

I like the effect I found on Codepen. I was wondering if it is possible to change this so that instead of the different colour dots, I could have my brand logo, maybe in different colors. I am assumin the but of code I am looking to change is: var…
SupGen
  • 195
  • 17
2
votes
1 answer

Fading colour of links on mouseover mouseout with jQuery

Im trying to achieve a nice fade to color effect when you mouse over links in jQuery. So far I have: $('a').hover( function () { $(this).animate({ color: '#fff' }, 1000 ); }, function () { $(this).animate({ color: '#000' }, 1000…
cadaa
  • 192
  • 1
  • 3
  • 7
2
votes
2 answers

Hide animation on website

I need to do an animation on a website i am creating. I have 3 images and i need 2 of them to hide behind a main one (who is the one that has the mouse over it). It must work with all the image containers. I have tried to write a jQuery function…
MoonWanderer
  • 23
  • 4
2
votes
1 answer

Styling jQuery Scale Effect

I have a quick question regarding the scale effect... I have a crude animation I am trying to accomplish. I have a quick fadeIn and then list elements scaling and fading out on the screen: jQuery("#page_content").fadeOut(2000, function() { …
sshefer
  • 239
  • 4
  • 14
2
votes
1 answer

Prototype's Effect.Parallel equivalent in jQuery

I am trying to convert a Prototype slide-show plugin to jQuery. The animation function is fairly simple an intuitive: fade-out visible slide, fade-in next slide, both animations start and stop at the same time. Here is the Prototype code which I…
Salman A
  • 262,204
  • 82
  • 430
  • 521
2
votes
3 answers

Struggling to solve this jQuery div collapse/expand problem

I'm using this example as a basis http://simon.tpdserver2.co.uk/jquery/divgrowdemo.htm, I'm trying to modify it so that instead the jQuery plugin generating an html a-href that allows the user to toggle the expand/collapse (in this case it's in the…
Rhubarb
  • 3,893
  • 6
  • 41
  • 55
2
votes
2 answers

Applying effects to jquery-ui tabs

Is it possible to apply an effect to a jquery-ui tab, I haven't seen any examples of it, and I'm fairly sure that if it is possible the following is incorrect: