ファイルのリストがあります-そのうちの1つをクリックすると、jqueryフォームが表示されます:ここにあります: http://jsfiddle.net/GSC3x/11/
しかし今、私はこのページにテーブルが必要であり、このリストをテーブル全体の 1 つの列にしたいことに気付きました。
テーブルビューに変更した後、jqueryフォームが同じように機能することを望みます。つまり、すべてを非表示にして、フォームを表示します。
どうやってするの?
ありがとう!
ファイルのリストがあります-そのうちの1つをクリックすると、jqueryフォームが表示されます:ここにあります: http://jsfiddle.net/GSC3x/11/
しかし今、私はこのページにテーブルが必要であり、このリストをテーブル全体の 1 つの列にしたいことに気付きました。
テーブルビューに変更した後、jqueryフォームが同じように機能することを望みます。つまり、すべてを非表示にして、フォームを表示します。
どうやってするの?
ありがとう!
表を非表示にするには、個々のセルを非表示にするのではなく ( のように$(".show_hide").hide();
)、表全体を非表示にします。
また、非表示にするフォームを表示しているボタンを再利用していますが、スタイルはまったく異なります。それは奇妙で不必要であり、使いにくくなっています。
別のボタンを使用してフォームを閉じ、同じイベント ハンドラー ( ) を使用しないでください$('.show_hide').click
。とにかく、表示部分と非表示部分はコードを共有しません。
このようにコードを構造化すると、フェードや既に実装したスライドなどのスムーズなトランジションを簡単に追加できます。