melindae
2/13/2019 - 5:35 PM

fade element in after time

Show an element/section after a certain amount of time. Can work with multiple elements easily

fadeIn
content_copyfile_download
<script>
$(document).ready(function() { 
    setTimeout(function() { 
        $("[data-title='fadesection']").fadeIn(); 
 }, 2000); //this is ms, 1000 = 1 sec
});
</script>

// set the sections/elements/rows titles to'fadesection'
// then set to be hidden

// .fadeIn has auguments
// .fadeIn(speed, easing, callback)

// speed - "fast", "slow", milliseconds
// defaults to 400ms

// easing - "swing", "linear"

// callback - function to be called after methos is complete