snipplrCallback({"id":15502,"title":"div-fade-in-on-load--div-fade-in-on-click","source":"
  1. \/\/ The div #fader will fade in on load<\/span><\/div><\/li>
  2.  <\/div><\/li>
  3. <<\/span>style type=<\/span>"text\/javascript"<\/span> \/><\/span><\/div><\/li>
  4. $(<\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/div><\/li>
  5. \t$(<\/span>'#fader'<\/span>)<\/span>.hide<\/span>(<\/span>)<\/span>;<\/span>\t\t\t\t<\/div><\/li>
  6. \t$(<\/span>'#fader'<\/span>)<\/span>.fadeIn<\/span>(<\/span>)<\/span><\/div><\/li>
  7. \t}<\/span>)<\/span>;<\/span><\/div><\/li>
  8. }<\/span>)<\/span>;<\/span><\/div><\/li>
  9. <\/<\/span>script><\/span><\/div><\/li>
  10.  <\/div><\/li>
  11. \/\/ The div #fader will fade in when clicked<\/span><\/div><\/li>
  12.  <\/div><\/li>
  13. <<\/span>style type=<\/span>"text\/javascript"<\/span> \/><\/span>\t\t\t<\/div><\/li>
  14. $(<\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/div><\/li>
  15. \t$(<\/span>'#fader'<\/span>)<\/span>.click<\/span>(<\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/div><\/li>
  16. \t$(<\/span>'#fader'<\/span>)<\/span>.fadeIn<\/span>(<\/span>)<\/span><\/div><\/li>
  17. \t}<\/span>)<\/span>;<\/span><\/div><\/li>
  18. }<\/span>)<\/span>;<\/span><\/div><\/li>
  19. <\/<\/span>script><\/span><\/div><\/li>
  20.  <\/div><\/li>
  21. \/\/ The div a#fader will fade in when clicked. use return false for anchor tags<\/span><\/div><\/li>
  22.  <\/div><\/li>
  23. <<\/span>style type=<\/span>"text\/javascript"<\/span> \/><\/span>\t\t\t<\/div><\/li>
  24. $(<\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/div><\/li>
  25. \t$(<\/span>'a#fader'<\/span>)<\/span>.click<\/span>(<\/span>function<\/span>(<\/span>)<\/span>{<\/span><\/div><\/li>
  26. \t$(<\/span>'#fader'<\/span>)<\/span>.fadeIn<\/span>(<\/span>)<\/span><\/div><\/li>
  27. \treturn<\/span> false<\/span>;<\/span><\/div><\/li>
  28. \t}<\/span>)<\/span>;<\/span><\/div><\/li>
  29. }<\/span>)<\/span>;<\/span><\/div><\/li>
  30. <\/<\/span>script><\/span><\/div><\/li><\/ol><\/pre>","link":"https:\/\/snipplr.com\/view\/15502\/div-fade-in-on-load--div-fade-in-on-click"});