Breaking News: Grepper is joining You.com. Read the official announcement!

jQuery Effects - Fading

naly moslih answered on May 24, 2022 Popularity 3/10 Helpfulness 4/10

answer jQuery Effects - Fading

jQuery Effects - Fading

Comment

//jQuery fadeIn()
$("button").click(function(){
  $("#div1").fadeIn();
  $("#div2").fadeIn("slow");
  $("#div3").fadeIn(3000);
});

//jQuery fadeOut()
$("button").click(function(){
  $("#div1").fadeOut();
  $("#div2").fadeOut("slow");
  $("#div3").fadeOut(3000);
});

//jQuery fadeToggle()
$("button").click(function(){
  $("#div1").fadeToggle();
  $("#div2").fadeToggle("slow");
  $("#div3").fadeToggle(3000);
});

//jQuery fadeTo()
$("button").click(function(){
  $("#div1").fadeTo("slow", 0.15);
  $("#div2").fadeTo("slow", 0.4);
  $("#div3").fadeTo("slow", 0.7);
});

Popularity 3/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fading javascript jquery-effects

Link to this answer
Share Copy Link

Contributed on May 24 2022

naly moslih

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

jQuery Effects - Fading

Contents

More Related Answers

jQuery Effects - Fading

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.