Jquery Show and Hide space problem - Adobe Edge Animate

Hi friends,

I have a unique issue,

I am using jquery show and hide function inside my edge animate project.

But it is taking the space. I do not understand why the second element doesnt wrap the space.

Any ideas would help me

The code for stage is

var mmds;

var cpps;

var ipds;

outputField =  $(this.lookupSelector("xmloutput"));

var mmds_string;

var cpps_string;

var ipds_string;

sym.$("roles_holder").hide();

sym.$("xmloutput").hide();

The code for say, MMDS onclick is

// insert code for mouse click here

sym.$("roles_holder").fadeIn();

$.ajax({

    type: "GET",

    url: "input_roles.xml",

    dataType: "xml",

    success: function(xml) {

    mmds = $(xml).find('mmds').text();

    mmds_string = "" + mmds + "";

    outputField.html(mmds_string);

}    });

sym.$("xmloutput").fadeIn();

Thanks

Varun