さて、タイトルは私がやろうとしていることを説明する最良の方法ではないかもしれませんが、それをどのように表現するかはよくわかりません.
最初に (ページが読み込まれると)、ページ上のボタンとして機能する 20 個の「タイル」があります。それらはdivです。上の 5 つは大きく、残りの行は同じサイズです。
ボタンの 1 つがクリックされると、クリックされたボタンの行の下に div が表示されるようにします。jquery トグルを使用してこの部分を実行する方法を知っています。これは、ボタンがクリックされたときにどのように見えるかの例です。
クリックすると、タブのように見えるようにする方法を図面で確認できます。ボタン div を行の途中で切り替えられる div に結び付ける部分を追加する方法を考えるのに苦労しています。この部分:
ボタンの列ごとに 1 つずつ、5 つの画像を作成し、背景色の部分をほとんど持たず、画像を切り替えることもできると思いました。これを行うためのより良い方法があると信じているので、正しい方向への舵取りを探しています。このようなものを何と呼べばいいのかわからないので、このようなものを探すのに苦労したので、助けを求めてここに来ると思いました。ありがとう!