Expandable and collapse tableviewrow in android

Application Type;Mobile,titanium sdk:3.2.1,Titanium studio:3.2.1,OS:windows 7,Device:Android emulator How to expand and collapse the row elements?

var win=Ti.UI.createWindow({
        backgroundColor:'white',
        layout:'vertical'
    });
    var view=Ti.UI.createView({
        width:'100%'
    });
    win.add(view);
    win.view=view;
    var Data=[
    {
        title:"Birthday",
        option:0,
        press:0,
        element:[
        {name:'Birthdays (Past 7 Days)'},
        {name:'Birthdays Today'},
        {name:'Birthdays (Next 7 Days)'}],
            font:{fontSize:16,fontWeight:'bold'},
    },
 
    {
        title:'Anniversary',
        press:0,
        option:1,
        element:[
        {name:'Anniversary (Past 7 Days)'},
        {name:'Anniversary Today'},
        {name:'Anniversary (Next 7 Days)'}],
         font:{fontSize:16,fontWeight:'bold'},
    }
];
var table = Ti.UI.createTableView({
  data:Data
});
table.addEventListener('click', function(e) 
{
    if(Data[e.rowData.option].press==0)
    {
        Data[e.rowData.option].press=1;
 
 
        for (var i=0; i < e.rowData.element.length; i++)
        {
            var row = Ti.UI.createTableViewRow({
                layout : 'vertical',
                height:30
            });
            var lbl=Ti.UI.createLabel({             //expand and collapse e.rowDATA.element[i].name
                text:e.rowData.element[i].name,
                height:Ti.UI.SIZE,
                color:'black',
                font:
                {
                    weight:'bold',
                }
            });
            row.add(lbl);
};
 
       table.insertRowAfter(e.index+i,row);
 
        };
 
    }
    else
    {
        Data[e.rowData.option].press=0;
        for (var i =0;i< e.rowData.element.length;i++) 
        {
            table.deleteRow(e.index+1);
        }
    }
});
view.add(table);
win.table=table;
win.open();