Как я могу переключиться с «show» и «hide» на «fadeIn» и «fadeOut»? - PullRequest
Новая
       21

Как я могу переключиться с «show» и «hide» на «fadeIn» и «fadeOut»?

0 голосов
/ 12 апреля 2019

Я хочу, чтобы содержимое внутри дивидендов (DIV1, DIV2 и DIV3) показывалось одновременно каждые несколько секунд.Я нашел здесь код, который делает почти точно то, что я хочу, но я хочу, чтобы переход между отображением разных DIV был несколько мягче.Я попытался заменить show and hide на fadeIn и fadeOut, но безуспешно.Любая помощь приветствуется. 

$(function () {
    var counter = 0,
        divs = $('#div1, #div2, #div3');

    function showDiv () {
        divs.hide() // hide all divs
            .filter(function (index) { return index == counter % 3; }) // figure out correct div to show
            .show('slow'); // and show it

        counter++;
    }; // function to loop through divs and show correct div

    showDiv(); // show first div    

    setInterval(function () {
        showDiv(); // show next div
    }, 10 * 500); // do this every 10 seconds    
});
...