включают в себя затухание между текстовыми слайдами

Question

Я пытаюсь сделать так, чтобы между этими текстовыми слайдами произошла замирания, а не только клавиши со стрелками. Я очень признателен за любую помощь.

Ссылка на странице http://shahrukhkhanstuff.com/zentests/reachoutproject/index.php

Это Javascript я использую:

$(document.documentElement).keyup(function (e) { 
    var $activeslide = $('.slides.active'); 
    if (e.keyCode == 39) { 
     if ($activeslide.next('.slides').length) { 
      $targetslide = $activeslide.next('.slides'); 
     } 
     else {} 
    } 
    if (e.keyCode == 37) { 
     if ($activeslide.prev('.slides').length) { 
      $targetslide = $activeslide.prev('.slides'); 
     } 
     else {} 
    } 
    $targetslide.addClass('active'); 
    $activeslide.removeClass('active'); 
}); 

Answer 1

Не уверен, что с помощью салфетки, но вот CSS решение, которое вы можете использовать для увядающей и из ,

.slides { 
    opacity: 0; 
    transition: 1s; 
    position: absolute; 
} 

.slides.active { 
    opacity: 1; 
}