How to make a large section of html fade using jQuery?

Question

I am using html right now and I want to make my whole page fade in and fade out on a command through jQuery (whether its click animate etc...).

I thought of using a large fixed div over everything but won't that obscure everything else being clicked?

I also thought I could wrap everything in a span but that won't work.

Finally, I understand I can fade "body", but sometimes I want to fade large sections specifically within the body. Thank you for your help.

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

You may wanna use ids

<div id="object">content</div>

<script> $("#object").fadeOut(); </script>

Or with classes:

<div class="object">content</div>

<script> $(".object").fadeOut(); </script>

How to make a large section of html fade using jQuery?

Sign up