Lo que estoy tratando de hacer

tengo unCardView con un texto de apoyo en la parte inferior que esGONE por defecto. Quiero que esta sección de la tarjeta sea visible solo cuando el usuario hace clic en la "flecha de acción", como se muestra en la imagen a continuación:

Sé que puedo lograr eso simplemente configurando esoView visibilidad paraVISIBLE, pero también quiero animar los eventos expandir y colapsar.

El problema y lo que he probado hasta ahora

Para hacer eso he usado elandroid:animateLayoutChanges="true" propiedad en miCardView xml, y funciona bien cuando se expande. Pero una vez que hago clic en la flecha nuevamente para contraer el texto de soporte, la siguiente tarjeta se superpone a la tarjeta en la que hice clic durante la animación. ¿Cómo puedo evitar esta superposición?

EDITAR: Sé que puede ser posible hacer algo comosolución a esta pregunta, pero parece demasiado complicado ya queandroid:animateLayoutChanges La opción existe. Me pregunto si es posible resolver mi problema usando esa propiedad XML, para que sea simple.

Mi código de animación es el siguiente:

Código Java

protected void expandCard() {
    if (isExpanded) {
        ibt_show_more.animate().rotation(0).start();
        isExpanded = false;
        tv_support.setVisibility(View.GONE);
    }
    else {
        ibt_show_more.animate().rotation(180).start();
        isExpanded = true;
        tv_support.setVisibility(View.VISIBLE);
    }
}

Código XML

<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="@dimen/spacing_small"
    card_view:cardCornerRadius="2dp"
    android:id="@+id/os_list_item_cv">

    <RelativeLayout
        android:id="@+id/os_list_item_rl_root"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:animateLayoutChanges="true">

        <!-- Here goes the header, the image, the action buttons and so on -->
        <!-- Omitted on purpose -->
        <!-- ... -->

        <!-- This is the support TextView -->
        <TextView
            android:id="@+id/tv_support"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/os_list_item_rl_actions"
            android:text="@string/bacon_ipsum"
            android:paddingBottom="24dp"
            android:paddingEnd="16dp"
            android:paddingRight="16dp"
            android:paddingLeft="16dp"
            android:paddingStart="16dp"
            android:visibility="gone"/>

    </RelativeLayout>

</android.support.v7.widget.CardView>

GIF para completar (con comportamiento de colapso incorrecto)