title: LayoutTransition: Animate View next to an expanding View
body: <p>I've recreated my problem to a very simple representation. I have 3 TextViews. 2 of them are in a seperate <code>LinearLayout</code>, the third is on the same level as the <code>LinearLayout</code>.
  I'm toggling the visibility of <code>test1</code> and <code>test2</code>, and I'd like to see them fade away (which works). Furthermore, I want <code>test3</code> to slide into his new place (taking place of <code>test1</code> and <code>test2</code>). I can't make this happen. <code>test3</code> just snaps to it's new point.</p>
  
  <p>How can I achive this?</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/parent"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:animateLayoutChanges="true"
      android:orientation="vertical" &gt;
  
      &lt;Button
          android:id="@+id/button"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Click" /&gt;
  
      &lt;LinearLayout android:animateLayoutChanges="true"
          android:id="@+id/child1"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:orientation="vertical" &gt;
  
          &lt;TextView
              android:id="@+id/test1"
              android:layout_width="match_parent" android:visibility="gone"
              android:layout_height="wrap_content"
              android:text="TEST1" /&gt;
  
          &lt;TextView
              android:id="@+id/test2"
              android:layout_width="match_parent" android:visibility="gone"
              android:layout_height="wrap_content"
              android:text="TEST2" /&gt;
      &lt;/LinearLayout&gt;
  
      &lt;TextView
          android:id="@+id/test3"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:text="TEST3" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>And in my Activity:</p>
  
  <pre><code>public class LayoutAnimations extends Activity {
      private boolean toggle = true;
  
      /** Called when the activity is first created. */
      @Override
      public void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
          setContentView(R.layout.layout_animations);
  
          Button button = (Button) findViewById(R.id.button);
          button.setOnClickListener(new OnClickListener() {
  
              @Override
              public void onClick(View v) {
                  if (toggle) {
                      findViewById(R.id.test1).setVisibility(View.VISIBLE);
                      findViewById(R.id.test2).setVisibility(View.VISIBLE);
                  } else {
                      findViewById(R.id.test1).setVisibility(View.GONE);
                      findViewById(R.id.test2).setVisibility(View.GONE);
                  }
                  toggle = !toggle;
              }
          });
  
      }
  
  }
  </code></pre>
  
  <p><em><strong>Edit: I actually have another <code>TextView</code> next to <code>test1</code> and <code>test2</code> which should be visible at all times, so I can't just hide the <code>LinearLayout</code> itself.</em></strong></p>