Android - bottom-up animation in ExpandableListView

I have an ExpandableListView and set the following animation for my subgroups:

  <set xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_interpolator" >

<translate
    android:duration="900"
    android:fromYDelta="500%"
    android:toYDelta="0%" >
</translate>

  </set>

      

        
        
        
      

    

So this is how it looks. Normal condition:

As the group expands, the subgroups are taken from below, overlaying the main groups for a moment:

I need these subgroups not to overlap the main groups while the animation is in effect, and slide "out of the background" of the main group like this:

Any ideas how to achieve this?