Edit Question - KnowledgeHub

Title Body

I have a funciton that I am currently using to show a hidden div.a_type How can I modify this code so that instead of fading in the hidden div, I can add the new div to the DOM jQuery(function(){ // Add Answer jQuery(".add_answer").click(function(){ if(count >= "4"){ alert('Only 4 Answers Allowed'); }else{ var count = $(this).attr("alt"); count++; $(this).parents('div:first').find('.a_type_'+count+'').fadeIn(); $(this).attr("alt", count); } }); }); Ok, now that i have this sorted out, i have one more question, I have another function that removes the inserted div's if a button is clicked. It's not working now that the additional divs are not loaded into the dom on pageload. How can i trigger the function to remove these now? jQuery(function(){ // Hide Answer jQuery(".destroy_answer").click(function(){ $(this).parents("div:first").fadeOut(function (){ $(this).remove() }); var count = $(this).parents('div:first').parents('div:first').find('.add_answer').attr("alt"); count--; $(this).parents('div:first').parents('div:first').find('.add_answer').attr("alt", count); }); });

Tags (comma-separated) Cancel