PropertyAnimation : change property in each object individually

[laslo]

Hi,

I'm trying to increase the y property in each object from the "targets" list:

ParallelAnimation{
 
           PropertyAnimation 
                 {
                    target: 0.children[0]; 
                    properties: "height"; 
                    to:0.children[0].implicitHeight ; 
                    duration: 300
                  }
          PropertyAnimation 
                 {
                   targets: [1,2]; 
                   properties: "y"; 
                   to: y + 0.children[0].implicitHeight; //here I want to add the height of the gray square to 1.y and 2.y individually but it returns 0, button 1 and 2 overlap.
                   duration: 300;
                 }

ParallelAnimation{

           PropertyAnimation 
                 {
                    target: 0.children[0]; 
                    properties: "height"; 
                    to:0.children[0].implicitHeight ; 
                    duration: 300
                  }
          PropertyAnimation 
                 {
                   targets: [1,2]; 
                   properties: "y"; 
                   to: y + 0.children[0].implicitHeight; //here I want to add the height of the gray square to 1.y and 2.y individually but it returns 0, button 1 and 2 overlap.
                   duration: 300;
                 }

To copy to clipboard, switch view to plain text mode 

This image shows what I want to achieve.

232.jpg

When I click on the button 0 the gray square shows up and in the same time button 1 and 2 go down.
What is the best way to achieve this without adding new PropertyAnimation for each target button?

Thanks