javascript - 可以使用slideup()函数在单击某些输入类型时向上滑动页面

Question

我正在尝试在移动 JQuery 设计中的页面上实现幻灯片功能。就像当有人点击输入类型时，就会打开一个文本区域，但我希望整个页面向上滑动，并且该文本区域应该位于屏幕中央。

请参阅FIDDLE我所做的事情。我希望页面向上滑动一点。

<fieldset data-role="controlgroup" data-mini="true" style="color:#006699 !important">

<h4>Estoy interesado(a) En la propiedad, </h4>

    <input id="radio-choice-1" name="opcmessage" title="" type="radio" value="1" />
    <label for="radio-choice-1">favor de enviarme más información</label>
    <input id="radio-choice-2" name="opcmessage" title="" type="radio" value="2" />
    <label for="radio-choice-2">deseo visitarla</label>
    <input id="radio-choice-3" name="opcmessage" title="" type="radio" value="3" />
    <label for="radio-choice-3">envieme fotos</label>
    <input id="radio-choice-4" name="opcmessage" title="" type="radio" value="4" />
    <label for="radio-choice-4">envieme más fotos</label>
</fieldset>
<textarea name="textarea" id="textarea"></textarea>
<a data-rel="back" href="#pageone" data-icon="delete" data-inline="true" data-role="button" data-theme="c" title="Close">Cancelar</a>

<div style="float: right; margin-right: -10px;">
    <input class="me" data-theme="c" data-role="button" data-inline="true" type="submit" data-icon="search" id="im_send_message" name="im_send_message" value="Enviar" />
</div>

Answer 1

$(document).on("pagecreate", function () {
    $("#textarea").slideUp();
    $("[name=opcmessage]").on("change", function () {
        var text = $(this).closest("div").find("label").text();
        var str = "Estoy interesado(a) en la propiedad,";
        var text = str.concat(text);
        $("#textarea").text(text).slideDown();
        $(".me").closest("div").removeClass("ui-icon-search").addClass("ui-icon-check");
    });
});

用户“slideUp/slideDown”而不是“隐藏/显示”