これの言い方がわからないので、意味がわからない場合はお知らせください。
私はこのようなテーブルを持っています
Name | Email | Phone
John Doe | jdoe@email.com | 555-5555
Jane Doe | jdoa@email.com | 555-5555
ここで、リストされているすべての名前がリンクであるとしましょう。そのリンクをクリックすると、現在の行とその下の行の間に領域が表示されます。この新しいエリアは、その下にあるすべてのものを押し下げます。この新しい領域は、テーブルの列の構造に限定することはできず、通常の行よりも長くすることができますが、テーブルの幅に限定する必要があります。
このようなもの:
Name | Email | Phone
John Doe | jdoe@email.com | 555-5555
^
This is an area that was once hidden
but now is shown.
Jane Doe | jdoa@email.com | 555-5555
(ニンジンは、そのエリアの架空のボックスを表示する私のバージョンです)
私がそうしているのは、すべての行が埋められ、作成したjs関数へのリンクが含まれているテーブルです。この関数はidを受け入れ、jqueryのslideToggle関数を呼び出します。作成するすべての行について、display=noneを設定する2番目の行も作成しています。そのテーブル行が他のすべての行の列幅に制限されているため、これは明らかに機能していません(実際には、最初の行を拡張するだけです)。
これを行う方法について何か提案はありますか?