Jquery 在向用户显示表单之前,如何将表单的slideUp()部分显示出来?

Jquery 在向用户显示表单之前,如何将表单的slideUp()部分显示出来?,jquery,Jquery,我有一把小提琴 我有多个字段集,用户也可以选择创建字段集。当用户关注“问题”输入时,“答案”输入字段向下滑动(如果尚未向下滑动),所有其他“答案”字段向上滑动 在程序的第一部分,它会自动添加两个表格,显示问题和答案字段,但我想隐藏第二个答案字段以节省空间,直到他们单击问题输入并将其向下滑动。添加此项 $(function(){ var i = 0; $('li.answerFields').each(function(){ if(i>0) $(

我有一把小提琴

我有多个字段集,用户也可以选择创建字段集。当用户关注“问题”输入时,“答案”输入字段向下滑动(如果尚未向下滑动),所有其他“答案”字段向上滑动

在程序的第一部分,它会自动添加两个表格,显示问题和答案字段,但我想隐藏第二个答案字段以节省空间,直到他们单击问题输入并将其向下滑动。

添加此项

$(function(){
   var i = 0;
   $('li.answerFields').each(function(){
        if(i>0)
         $(this).hide()
       i++;
   });
 });

您需要用类名将第二个字段集中的answer部分包装在div中,让我们使用answer\u包装器:

此行将隐藏第二个答案块。要打开它,请在调用函数中添加如下内容:

$('.formheader').live('focus', function() {
   // Normal stuff
   $(this).siblings('.second_fieldset').show();
});
看看这个:


在document.ready中包含焦点,然后在第一个字段上调用.trigger。

这在jQuery中相当简单。你应该自己学习。这也会隐藏第一个字段集的答案块。OP只想在页面加载时隐藏第二个答案字段。当用户关注问题输入时,答案字段将向下滑动。但第一个答案块应该在页面加载时打开。只有第二个应该隐藏。而不是简单地添加一个计数器来传递第一个项目。感谢您的输入,我喜欢这个答案,但我正在尝试隐藏或滑动答案字段,然后再将其显示给用户。不幸的是,没有。我希望以某种方式隐藏答案字段,然后再将其显示给用户。我不确定在jQueryTho中是否可能:这只会隐藏它们而不是滑动。。。在他们看到它之前。
$('.formheader').live('focus', function() {
   // Normal stuff
   $(this).siblings('.second_fieldset').show();
});