How to reduce the size of top pane layout in SlidingPaneLayout

Question

I'm having slidingpanelayout which slides right.

I want to reduce the size of the top layout as follows

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

<LinearLayout
    android:layout_width="300dp"
    android:layout_height="match_parent"
    android:layout_gravity="left" >

    <ListView
        android:id="@+id/MenuList"
        android:layout_width="wrap_content"
        android:layout_height="match_parent" >
    </ListView>
</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="right"
    android:orientation="vertical" >
<ListView
            android:id="@+id/listView1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_alignParentBottom="true"
            android:layout_alignParentTop="true"
            android:divider="@null"
            android:dividerHeight="0dp" >
        </ListView>

</LinearLayout>
</android.support.v4.widget.SlidingPaneLayout>

Give me an idea to reduce the size of top layout on every menu click