2

さて、タイトルは私がやろうとしていることを説明する最良の方法ではないかもしれませんが、それをどのように表現するかはよくわかりません.

最初に (ページが読み込まれると)、ページ上のボタンとして機能する 20 個の「タイル」があります。それらはdivです。上の 5 つは大きく、残りの行は同じサイズです。 ここに画像の説明を入力

ボタンの 1 つがクリックされると、クリックされたボタンの行の下に div が表示されるようにします。jquery トグルを使用してこの部分を実行する方法を知っています。これは、ボタンがクリックされたときにどのように見えるかの例です。 ここに画像の説明を入力

クリックすると、タブのように見えるようにする方法を図面で確認できます。ボタン div を行の途中で切り替えられる div に結び付ける部分を追加する方法を考えるのに苦労しています。この部分: ここに画像の説明を入力

ボタンの列ごとに 1 つずつ、5 つの画像を作成し、背景色の部分をほとんど持たず、画像を切り替えることもできると思いました。これを行うためのより良い方法があると信じているので、正しい方向への舵取りを探しています。このようなものを何と呼べばいいのかわからないので、このようなものを探すのに苦労したので、助けを求めてここに来ると思いました。ありがとう!

4

2 に答える 2

3

クリックしたときにタイルのを増やしheightます(最後の画像に示されている上の赤い線から下の赤い線に拡大するように)。

これはすべて、CSS(このdivを作成して高さを上げるのと同じ方法でチェックボックスハックを使用)またはJavaScript(IE8、特にIE7で信頼できる動作が必要な場合)で実行できます。

于 2012-07-22T08:30:47.603 に答える
1

このフィドルのように:

http://jsfiddle.net/techunter/ph8vY/

于 2012-07-22T09:52:18.530 に答える