THIS WORKS:
<script type="text/javascript">
function fadeReview() {
jQuery(".reviewPanel .reviewPanel2:hidden:first").fadeIn(500).delay(3000).fadeOut(500, function() {
jQuery(this).appendTo(jQuery(this).parent());
fadeReview();
});
}
fadeReview();
</script>
BUT, THIS DOES NOT WORK:
<script type="text/javascript">
function fadeReview() {
jQuery(".reviewPanel .reviewPanel2:hidden:first").fadeIn(500).delay(3000).fadeOut(500, function() {
jQuery(this).appendTo(jQuery(this).parent());
fadeReview();
});
}
fadeReview();
function fadeReviewName() {
jQuery(".reviewName .reviewName2:hidden:first").fadeIn(500).delay(3000).fadeOut(500, function() {
jQuery(this).appendTo(jQuery(this).parent());
fadeReviewName();
});
}
fadeReviewName();
</script>
Does it have to do with running two functions? It works ok in this fiddle.