ユーザーがテーブルの行またはボタンをクリックすると、テーブルまたはボタンの下にビューが表示されるという要件があります。
また、ユーザーがスクロールしなくても詳細ビューを表示できるように、テーブルのトップ ビューは自動的に縮小する必要があります。
どんなポインタも役に立ちます。
よろしくアクシャット
ユーザーがテーブルの行またはボタンをクリックすると、テーブルまたはボタンの下にビューが表示されるという要件があります。
また、ユーザーがスクロールしなくても詳細ビューを表示できるように、テーブルのトップ ビューは自動的に縮小する必要があります。
どんなポインタも役に立ちます。
よろしくアクシャット
クリック可能なボタン/行の下に div を永続的に表示する場合は、最初に次を使用してその div を非表示にする必要があります。
displaye:none;
次に、JQuery を使用します。
$('#button').click(function() {
$('#div_content').toggle();
});
別の方法として、表示を none に設定してから、要素をクリックしたままにすると表示が表示されるようにすることもできます。
button:active + #div {
display:visible;
}
#div {
display:none;
}
非表示の div を、表示したい要素の下に配置するだけです。