Question

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

$(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; }

现在我需要链接＆＃34; msg＆＃34;消失，代码会是什么样子？我在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; }

Answer 1

hide之后的问题是什么问题show之后的形式如下{/ p>

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

DEMO

单击后隐藏Javascript

1 个答案: