Toggle show/hide divs in a table

Only one div should be showing at any time

HTML

<div id="MEDCHARTContent_MatsContent_pupUploadDocument_pnlUpload" style="width: 700px;">
		             
            <div id="jqUploadDocumentModalDialog" style="display: none;" class="jqUploadDocumentModalDialog" title="Upload Document">
                <div class="ModalPopup" style="border-top-style: solid; border-top-width: 3px; border-top-color: #2987B1; padding-top: 5px; margin-top: 0px;">
                     <div>*Denotes a Required Field</div>
                    <table style="width: 100%; padding: 3px; white-space: nowrap;">
                        <tr>
                            <td>Document Type:</td>
                            <td>
                                <div id="MEDCHARTContent_MatsContent_pupUploadDocument_divUploadDocumentType" style="text-align: left; vertical-align: bottom;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td>Description<span style="color: #CC0000">*</span></td>
                            <td>
                                <input id="documentDescription" type="text" maxlength="50" style="width: 305px;" oninput="descChange()" onkeypress="descChange()" onchange="descChange()" />
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <table>
                                    <tr>
                                        <td>&nbsp;</td>
                                        <td>
                                            <input id="chkUploadDocumentAppend" type="checkbox" name="ctl00$ctl00$MEDCHARTContent$MatsContent$pupUploadDocument$chkUploadDocumentAppend" /><label for="chkUploadDocumentAppend">Append to an existing document</label>
                                        </td>
                                    </tr>
                                </table>
                            </td>
   ...

CSS

.hover {
    background-color: #D6DCF3;
}
.movieListTable, .vitalsTable, .detailsTable {
    display: table;
    width: 100%;
    line-height: 1.5em;
}
.vitalsTable {
    margin-top: 10px;
}
.detailsTable {
    margin-top: 3px;
}
.movieRow, .vitalsRow, .detailsRow {
    display: table-row;
}
.titleCell, .directorCell, .lengthCell, .genresCell, .yearCell, .statusCell, .editCell, .actorsCell, .formatCell, .synopsisCell, .mpaaRatingCell, .myRatingCell {
    display: table-cell;
    vertical-align: bottom;
    padding: 5px;
}
.titleCell {
    width: 330px;
    font-size: 120%;
}
.directorCell {
    width: 225px;
}
.lengthCell {
    width: 65px;
}
.genresCell {
    width: 130px;
}
.mpaaRatingCell {
    width: 60px;
}
.statusCell {
    width: 130px;
}
.editCell {
    width: 60px;
}
.actorsCell {
    width: 245px;
}
.synopsisCell {
    width: 400px;
}
.formatCell {
    width: 95px;
}
.yearCell {
    width: 35px;
}
.myRatingCell {
    width: 105px;
}
.titleCell, .directorCell, .lengthCell, .genresCell, .mpaaRatingCell, .statusCell {
    border-bottom: 1px solid #CCC;
}
.editCell, .actorsCell, .synopsisCell, .formatCell, .yearCell, .myRatingCell {
    border-bottom: 1px solid #000;
}
.lblTitle, .actorsCell, .synopsisCell {
    font-weight: bold;
}
.lblActors, .lblSynopsis {
    font-weight: normal;
}
.lblDeleteMovies {
    font-size: 90%;
}
.button {
    font-size: 90%;
}
.btnEditMovie {
    width: 53px;
    margin: 0;
    text-align: center;
}
.btnEditMovie .ui-button-text {
    padding: 4px 1px 2px 1px;
    margin: 0;
}

JavaScript

<script type="text/jscript">
    $(document).ready(function () {
        InitDialog();
        InitAjaxFileUpload();
    });

    function InitAjaxFileUpload() {
        $('#file').ajaxfileupload({
            'action': '/Secure/Mats/Documents/UploadDocument.ashx',
            'submit_button': $("#submit"),
            'params': {
                'description': '',
                'isChecked': '',
                'creatorID': '53',
                'ssn': '587001662',
                'dataDocId': '',
                'region_abbr': 'LA',
                'actionid': '253',
                'groupid': '1920'
            },
            'onComplete': function (response) {
                $(".jqUploadDocumentModalDialog").dialog("close");
                UpdateComplete();
                ClearFileUploadValue();                
            },
            'onStart': function () {               
                if (!JSValidateFileUploadLimit()) { return false };
                //if (!Page_IsValid) { return false };
                

                

                var a = GetDescription();
               
               
                return {
                    'description': a,
                    'isChecked': document.getElementById("chkUploadDocumentAppend").checked,
                    'dataDocId': $('#MEDCHARTContent_MatsContent_pupUploadDocument_hdnUploadDocumentTypeId').val(),
                };

            },
            'onCancel': function () {

            },
            'onSubmit': function () {                
            }
        });
    }

    function InitDialog() {
        //check for duplicates and re init if yes
        if ($(".jqUploadDocumentModalDialog").length > 1) {
            $(".jqUploadDocumentModalDialog").not(':last').remove();
            ClearFileUploadValue();
        }

        $(".jqUploadDocumentModalDialog").dialog(       // defined in MATS/UserControls/Popups/UploadDocument.ascx
            {
                autoOpen: false,
  ...