Question

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

});

Answer 1

How about adding it after the last div.

$('.a_type:last').insertAfter('<div class='a_type'>content</div>'); 

edit
You can get the information through a AJAX call to somefile.php, somefile should then return the content you want in the div:

$.get('path/to/somefile.php', function(data){  $('.a_type:last').insertAfter('<div class='a_type'>' + data + '</div>'); }); 

Somefile.php should be something like this:

<?php  session_start();  $sessiondata = $_SESSION['data'];  echo 'Whatever you type here will come inside the div bla bla $sessiondata'; ?> 

edit
Okay, try this:

 jQuery(function(){ // Add Answer  jQuery('.add_answer').click(function(){   if(count >= '4'){     alert('Only 4 Answers Allowed');     }else{   var count = $(this).attr('alt');   count++;   $('.a_type_'+count-1+'').insertAfter('         Place content back here');   $(this).attr('alt', count); }  });  }); 

Just mix in the AJAX if you still need it.