jquery, чтобы скользить вниз - вверх по форме - скрыт по умолчанию в первый раз,

Question

<div><input type="button" id="changePwd" value="Change your password"/></div>
<br/>
<div id="form_pwd">          
    <form method="POST" action="google.com" id="pwdChange">
        <table>
            <tr>
                <td width="175px"><label for="oldPwd">Enter your password</label></td>                
                <td><input type="password" name="newPwd" id="newPwd" size="35"/></td>
            </tr>
            <tr>
                <td><label for="oldPwd_>"Re-enter your password</label></td>
                <td><input type="password" name="newPwd_" id="newPwd_" size="35"/></td>
            </tr>
    <tr>
        <td></td><td><input type="submit" value="Save Password" /></td>
    </tr>
        </table><br/>

    </form>
</div>

<script>
$("#changePwd" ).click(function () 
{
    if ($("#form_pwd").is(":show")) 
    {
    $("#form_pwd").slideDown("normal");
    }
    else
    {
    $("#form_pwd").hide();
    }
});

</script>

Я бы не хотел показывать форму, пока пользователь не нажмет кнопку, но мне не удается заставить ее работать, она отображается по умолчанию, когда появляется страница.спасибо

Answer 1

добавить отображение: нет вашего div

<div id="form_pwd" style="display:none;">

Answer 2

Попробуйте это.

<script type="text/javascript">
$("#form_pwd" ).hide();
$('#changePwd').click(function() {
  $('#form_pwd').slideToggle('slow', function() {
  });
});
</script>

$ ("# form_pwd") .hide (); при загрузке страницы будет скрывать вашу форму и показывать только после нажатия кнопки «изменить пароль».

Answer 3

Просто используйте CSS, чтобы сделать это

<div id="form_pwd" style="display:none;">

Это будет скрывать ваш элемент div до тех пор, пока не произойдет событие click, при котором jquery сдвинет элемент вниз и автоматически уберет отображение none для вас

Answer 4

что такое :show ???Я предполагаю, что вы имеете в виду :visible ...

использовать это ...

$("#changePwd").click(function() {
    if (!$("#form_pwd").is(":visible")) {
        $("#form_pwd").slideDown("normal");
    }
    else {
        $("#form_pwd").hide();
    }
});

демо

Answer 5

Или вы можете сделать:

$("#form_pwd" ).hide();