フォームのslideUp（）の部分をユーザーに表示するにはどうすればよいですか？

私は複数のフィールドセットを持ち、ユーザーはフィールドセットを作成することもできます。ユーザーが「質問」入力に焦点を合わせると、「回答」入力フィールドが下にスライドし（まだ下にない場合）、他のすべての「回答」フィールドが上にスライドします。

プログラムの最初の部分では、質問と回答のフィールドを表示する2つのフォームが自動的に追加されますが、質問入力をクリックしてスライドするまで、2番目の回答フィールドを非表示にして部屋を保存します。

jQueryではかなり簡単です。あなたは自分でそれを学ぶべきです。 –

はこれをチェックしてください：http://jsfiddle.net/GyFz3/

は、最初のフィールドに.trigger()を呼び出し、document.readyにフォーカスが含まれています。

2012-03-06 15:59:30 tedski

入力していただきありがとうございます。私はこの回答が好きですが、ユーザーに表示する前に回答フィールドを非表示にするかスライドアップしています。 – user1082764

だからこれは？ http://jsfiddle.net/GyFz3/1/ – tedski

残念ながら、私は何とか答えフィールド*を隠すことを望んでいます*前にそれはユーザーに表示されます。私はそれがjQueryのthoで可能であるかどうか確信しています:( – user1082764

-1

あなたはクラス名（のはanswer_wrapperを使ってみましょう）でdivの中に2番目のフィールドセットでの応答セクションをラップする必要が

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

2012-03-06 15:58:47 Yorgo

これにより、最初のフィールドセットの回答ブロックも非表示になります。 OPはページ読み込み時に**秒の**応答フィールドを隠すだけです。 – hohner

質問入力の回答フィールドにユーザーが集中すると、スライドが下がります。 – Yorgo

しかし、最初のアンサーブロックは、ページが読み込まれたときに開いているはずです。二番目だけが隠されるべきです。 – hohner

-1

にこれを追加します。

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

この行は、2番目の答えを非表示になりますブロック。それを開き、通話機能に次のようなものを追加するには：

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

2012-03-06 15:59:25 hohner

答えて