在我向用户显示表单之前，我如何slideUp（）表单的一部分？

Question

我有一个小提琴here

我有多个字段集，用户也可以选择创建字段集。当用户关注'问题'输入时，'回答'输入字段向下滑动（如果它尚未向下），所有其他'回答'字段向上滑动。

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

Answer 1

检查出来：http://jsfiddle.net/GyFz3/

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

Answer 2

添加此

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

Answer 3

你需要将第二个字段集中的答案部分包含在带有类名的div中（让我们使用answer_wrapper）：

$(document).ready(function() {   
    $('.second_fieldset').children('.answer_wrapper').hide();
});

此行将隐藏您的第二个答案块。要打开它，请在呼叫功能中添加以下内容：

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