Question

是否有一个JQuery插件允许我在点击链接后“取消隐藏”表单？就像我有一个邀请链接，可以带我到一个文本字段表单的电子邮件地址，但我希望这个表单只是下拉（也推下其余的内容），并显示提交电子邮件的表单。如果你们能想到一个允许我这样做的JQuery插件，请告诉我

编辑：所以我做了这个

<div class='add-link'>
        <div id='invite_link'><a href=''>Invite User</a></div>
        <div id='invitation_form'>
            <form>
                <input type='text'/>
            </form>
        </div>
    </div>

我的jquery看起来像

<script type="text/javascript">
$(function() 
    { 
        $("table").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']}); 
                $('#invitation_form').hide();
    } 
);

$('#invite_link').click(function() {
    $('#invitation_form').slideDown();
});

你们是否看到任何导致表格不滑落的错误。它会在页面加载时隐藏表单，但是当我单击链接时它不会向下滑动。

Answer 1

$('a.mylink').click(function() {
    $('#MyForm').slideDown();
});

Answer 2

我认为你不需要一个jQuery插件。基础jQuery库应该足够了。

$('#showFormLink').click(function () {
  $('#form').slideDown();
});

如果您正在寻找动画，那么通过将持续时间参数传递给slideDown也可以。

看一下jQuery show documentation。

JQuery for Push-down表单

2 个答案: