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>
Кокого то черта все это не работает, если брать пример с изображениями то все ок, а вот с текстом нет! Что можете порекомендовать?
