Как расширить div с помощью jquery

---

Не удается развернуть Div с помощью нажатия кнопки расширения

Что я уже пробовал:

У меня есть див,у див ИД "dvOuterMsgBox" и класс-стиль ".dvEdit" .
Стиль загрузки по умолчанию -". dvEdit".
Я добавляю еще один класс стиля для расширения того же div, скрывая старый класс стиля с именем ".dvMaximize" .
Я назвал эти два класса в div является ::

<div id="dvOuterMsgBox" class="dvEdit dvMaximize" runat="server" style="display: none;">

а мой Jquery для расширения Div-это ::

$(document).ready(function () {
    debugger;
    $("[id$=imgbtnMaximize]").click(function () {
        $(".dvEdit").hide();
        if ($("[id$=dvOuterMsgBox]").hasClass("dvMaximize")) {
            $(".dvMaximize").show();
        }
    });
});

Это вызовет только первый класс стиля и скроет его, но не сможет вызвать второй класс стиля.. Как ее решить?? Кто - нибудь, помогите мне..

---