Symbol with JSON Child Symbol to displayed in another symbol as child

Hi,

I have Symbol "bases". Inside I have 3 static pictures as buttons to handle the 3 contents with dynamic data.

$.getJSON("base1.json",

          function(data){

                    for(var i=0; i<data.length; i++){

                    var ss = sym.getSymbol("bases").createChildSymbol("templatebases", "content1");

.......

again I create

$.getJSON("base2.json",

          function(data){

                    for(var i=0; i<data.length; i++){

                    var ss = sym.getSymbol("bases").createChildSymbol("templatebases", "content2");

.......

$.getJSON("base3.json",

          function(data){

                    for(var i=0; i<data.length; i++){

                    var ss = sym.getSymbol("bases").createChildSymbol("templatebases", "content3");

.......

When the composition runs the 3 pics appear and with hide and show function I can switch between the contents.

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

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

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

sym.$("content3").show();

Everything is fine as standalone symbol.

Now, I want the symbol "bases" to insert it as child on another symbol "recta", and display the contents.

var bas = sym.getSymbol("recta").createChildSymbol("bases", "basescontent");

It doesn'r work very well.

It display the 3 button pictures and when I click the button, it hides the buttons but doesn't show the specific content, eg, content3.

Could you help me?

Thanks you!