Question

I have the following code. The html elements with the class “.acc_container” are created dynamically through an AJAX call, so they don’t exist yet when the code $('.acc_container').hide(); is executed. Is there something I can do here similar to the .live function for event binding?

$(document).ready(function () {
    $('.acc_container').hide();
    $.ajax({
        type: 'GET',
        url: 'Sample.xml',
        dataType: 'xml',
        success: function (xml) {
        //Tags with ".acc_container" class created here

Answer 1

You can control it easily through CSS.

.acc_container{
   display:none;
}

Whenever you want to show then use jQuery $(".acc_container").show();