Question

I’m currently working with the following code:

$("li.className").click(function () {
  $(this).fadeTo(1000, 0);
});

which turns the <li> opacity down on click. How do I make this happen with no user interaction at all, such as when the page loads or after a certain duration of time?

Answer 1

on page load:

$(document).ready(function() {
  $("li.className").fadeTo(1000, 0);
})

after a duration of time:

$(document).ready(function() {
  setTimeout(function(){
    $("li.className").fadeTo(1000, 0);
  }, 2000) // this is 2000ms, or 2seconds
})