Hide first div when function starts and add a delay between divs shown.

Hide first div when function starts and add a delay between divs shown.

I've been struggling with this for about a week now with no luck.

the first div won't hide and I used setTimeout to add some delay between fadeIn and fadeOut.

Someone has any idea how to fix this, thank you.
  1. $(document).ready(function() {

    $('#text_slider div:gt(0)').hide();


    setInterval(function() {
       
               
            $('#text_slider div:first').delay().fadeIn(2000)
       
            .fadeOut(1000).next().fadeIn(1000).end().appendTo('#text_slider');
       
         
    }, 3000);

    });