javascript - One Click To Many Showcase のような Javascript や JQuery で動作するギャラリーを探しています

Question

例を見るには、Web ページにアクセスしてくださいspam 。写真を 1 つクリックすると、多数の写真が表示されます。JS や JQuery などを使用してどのように作成できますか? アクティブなサーバー ページには .NET を使用します。

Answer 1

1つの方法は、このようなものになります。

HTML:

<style>dd { display: none; }</style>
<dl>
    <dt>Click me for images</dt>
    <dd><img src=""></dd>
    <dd><img src=""></dd>
    <dd><img src=""></dd>
    <dt>Click me for images</dt>
    <dd><img src=""></dd>
    <dd><img src=""></dd>
    <dd><img src=""></dd>
</dl>

JavaScript (jQuery):

$('dt').live('click', function() {
    $(this).nextUntil('dt').toggle();
});