Google 画像検索と同様の機能を持つコンテンツのカタログを作成しようとしています。すなわち。アイコン/画像をクリックすると、その下の行が下に移動し、その画像の展開されたコンテンツが表示されます。
これはCSSのみで行うことができますか、それとも最初に特定の方法で設定する必要がありますか?
*編集:表示/非表示がjavascriptによって行われることは理解していますが、divを表示して、その下の列を押し下げるだけでなく、その下の行を押し下げることができることを意味しました
ありがとう
Google 画像検索と同様の機能を持つコンテンツのカタログを作成しようとしています。すなわち。アイコン/画像をクリックすると、その下の行が下に移動し、その画像の展開されたコンテンツが表示されます。
これはCSSのみで行うことができますか、それとも最初に特定の方法で設定する必要がありますか?
*編集:表示/非表示がjavascriptによって行われることは理解していますが、divを表示して、その下の列を押し下げるだけでなく、その下の行を押し下げることができることを意味しました
ありがとう
これは純粋な CSS では実行できません。クリック イベントに反応するには JavaScript が必要です。
結果行ごとに div にする必要があると思います。その div の上の画像をクリックすると、その余分な div が jQuery とその中のコンテンツを介して表示されます。
使用できる jQuery 効果は次のとおりです。 http://api.jquery.com/category/effects/