Cómo agregar dos fragmentos juntos en un frameLayout en tiempo de ejecución

Estoy desarrollando una aplicación de Android connavigation drawer y tengo un diseño para contentview como este:

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- As the main content view, the view below consumes the entire
         space available using match_parent in both dimensions. -->

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:dividerHeight="0dp"
        android:divider="@android:color/transparent"
        android:background="@color/default_color"/>
</android.support.v4.widget.DrawerLayout>

Así que puedo agregar y reemplazar un fragmento en el elemento del cajón de navegación. Todo bien hasta ahora.

Pero en un caso, al hacer clic en un elemento del cajón de navegación, tengo que mostrar dos fragmentos en lugar de uno (como un fragmento de lista y detalles). ¿Cómo puedo hacerlo? ¿Debo agregar dos fragmentos en el framelayout entonces? ¿Pero cómo? o debo cambiar el contentView con diferentedrawerLayout ? Si es así, ¿cómo puedo hacer esto?

Respuestas a la pregunta(1)

Su respuesta a la pregunta