[jQuery] How to animate after a fadeIn??
Hi all,
i am trying to animate poll bars after/during a fadein
I have a animateResults function, handlePoll function. I have checked
animateResults() and it works when i am not using it in an ajax
structure
----------
function handlePoll() {
$('.error').hide();
$(".voteBtn").click(function() {
var poll = $("input[name=poll]:checked").val();
//alert("send selected: "+poll);
if (poll == 'undefined') {
alert("don't post");
$("label#poll_error").show();
return false;
}
var question_id = $("#question_id").val();
var t = $("#t").val();
var dataString = 'poll=' + poll +'&question_id='+question_id
+'&t='+t;
$.ajax({
type: "POST",
url: "/bezoekers/poll-process5.php",
data: dataString,
success: function(msg) {
//alert(msg);
$("#poll-container").html("<div id='poll-results'></div>");
$("#poll-results").html(msg)
.hide()
.fadeIn(1500); //.fadeIn(1500, animateResults());
}
})
return false;
});
}
function animateResults(){
//alert("animate");
$("#poll-results div").each(function(){
var percentage = $(this).next().text();
$(this).css({width: "0%"}).animate({width: percentage}, 'slow');
});
}//end animateResults
$(document).ready(function(){
handlePoll();
if ($("#poll-results").length > 0 ) {
animateResults();
}
});