Jquery отображает текст управления на экране

Question

Это код в скрипте / голове:

<script type="text/javascript">

$(function () {


    $('.HideButton').click(function () {



        var theButton = $(this);

        $('#disclaimer').slideToggle('slow', function () {
            theButton.val($(this).is(':visible') ? 'Hide' : 'Show');
        });




        return false;
    });
    $('<h2></h2>').html($('#MessageText').val);

});

Код в теле:

    <p  id="disclaimer"  > 

    <input id="MessageText" type="text" /> //I this value to appear in an inserted h2 tag after the button toggles the <p>


</p>

<asp:Button ID="Button21" CssClass="HideButton" runat="server" Text="Hide" />

Answer 1

$('<h2></h2>').html($('#MessageText').val);

val - это метод, он должен быть ...

$('<h2></h2>').html($('#MessageText').val());

Answer 2

Если я правильно читаю ваш вопрос - думаю, вам нужно следующее ...

Изменение:

$(function () {
    $('.HideButton').click(function () {
        var theButton = $(this);

        $('#disclaimer').slideToggle('slow', function () {
            theButton.val($(this).is(':visible') ? 'Hide' : 'Show');
        });

        return false;
    });
    $('<h2></h2>').html($('#MessageText').val);
});

Кому:

$(function () {
    $('.HideButton').click(function () {
        var theButton = $(this);

        $('#disclaimer').slideToggle('slow', function () {
            theButton.val($(this).is(':visible') ? 'Hide' : 'Show');
        });
        theButton.after($('<h2></h2>').html($('#MessageText').val()));

        return false;
    });
});