Home/ Questions/Q 992591
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-16T06:17:33+00:00

I am creating a tutorial and want to fade every div on the page

  • 0

I am creating a tutorial and want to fade every div on the page apart from the div I want them to see. How can I do this using fadeTo?

I currently have it set to fade the whole body. How can I set it to fade the body apart from div id “step2”?

Code:

<script type="text/javascript">
    $("body").fadeTo("slow", 0.5, function() {
      // Animation complete.
    });
</script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Hard to tell without seeing your HTML, but if step2 is a child of <body> you could do this:

    Try it out: http://jsfiddle.net/SS5Sm/

    $("body").children(':not(#step2)').fadeTo("slow", 0.5, function() {
  // Animation complete.
});

    or

    $("body > :not(#step2)").fadeTo("slow", 0.5, function() {
  // Animation complete.
});

    If it is more deeply nested, you could try this.

    $("body > :not(:has(#step2))").fadeTo("slow", 0.5, function() {
  // Animation complete.
});​

    Although it makes some additional assumptions about your HTML structure.

    • 0