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(); } });