Javascript单击后隐藏

我使用此代码在单击链接后显示表单：

$(function () {
    $('.msg').on('click', function (e) {
        e.preventDefault();
        $(this).next('.msgarea').show();
    });
});

<a href="" class="msg" id="55"> Reply </a>
<form class="msgarea">
    <input />
    <input type="submit" />
</form>

.msgarea{ display:none; }

现在我需要链接消息消失，代码会是什么样子？我对js一无所知

更新：

<script language="javascript" type="text/javascript">
        $('.msg').on('click', function (e) {
       e.preventDefault();
       $(this).next('.msgarea').show();
       $(this).hide();
        });
        </script>

<a href="" class="msg" id="55"> Reply </a>
        <form class="msgarea">
        <input />
        <input type="submit" />
        </form>

.msgarea{ display:none; }

---

在像吼叫一样的表现形式之后说隐藏像有什么问题

$('.msg').on('click', function (e) {
       e.preventDefault();
       $(this).next('.msgarea').show();
       $(this).hide();
});

---

谷歌使用javascript或jquery进行dom操作。$this.hide例如：是因为@user3838972吗？你看到我的演示了吗？现在我看到了问题所在：$function{也需要在那里^^^谢谢