НЕ работает плавная смена контента!
 

function slideSwitch2() {
    var $active2 = $('#test P.active');
    if ( $active2.length == 0 ) $active2 = $('#test P:last');
	 
    var $next2 =  $active2.next().length ? $active2.next()
        : $('#test p:first');
    $active2.addClass('last-active');
	    $next2.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active2.removeClass('active last-active');
        });
}
$(function() {
    
	setInterval( "slideSwitch2()", 3000 );
});

<style type="text/css">

#content { width:1200px; margin:auto; }
#test{
	position:relative;
	  top:200px; 
	 left:100px;
	   
	margin:auto;
    position:relative;
    height:400px;
}
#test p {
	z-index:88;
    opacity:0.0;
}

}
#test p.active { z-index:100;
    opacity:1.0;}

}
#test p.last-active { z-index:90;
    }

}

<div id="text" class="active" >
  
   
  <p class="active">Good car dor good people</p>
  <p>Good car dor good people</p>
  <p>Good car dor good people</p>    
      </div>

Кокого то черта все это не работает, если брать пример с изображениями то все ок, а вот с текстом нет! Что можете порекомендовать?