タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

アコーディオンとjQueryに関するtpex_ovonのブックマーク (4)

  • jquery uiで作るアコーディオンメニュー

    こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。こんにちは、ぼくはアコーディオン2号です。 html <div id="accordion"> <div> <h5><a href="#">アコーディオン1</a></h5> <p>こんにちは、ぼくはアコーディオン1号です。 こんにちは、ぼくはアコーディオン1号です。こんにちは、ぼくはアコーディオン1号です。 </p> </div> <div> <h5><a href="#">アコーディオン2</a></h5> <p> こんにちは、ぼくはアコーディオン2号です

    jquery uiで作るアコーディオンメニュー
  • Glossy Accordion Menu

    Glossy Accordion Menu In this example, the menu headers are A tags, with each sub menu being DIV tags that expand/ contract. The use of DIV tags for the sub menus is to facilitate content other than UL lists. An absolutely positioned icon image gets dynamically added to each header that changes depending on the header state. The headers are toggled via "click" of the mouse, and all headers can be

  • jQueryでアコーディオンパネルUIを自作する (1/3)

    「アコーディオンパネル UI」の完成画面。ラベル部分をクリックすると、下に隠れていたパネルが表示される(画像クリックでサンプルページを表示します) シンプルなアコーディオンを作ってみよう アコーディオンの基動作から作ります。HTML/XHTML(以下、HTML)は次のとおりで、ラベル部分をdt要素、パネル部分をdd要素で記述する定義型リストで設定します。 ▼サンプル01(HTML部分) <dl> <dt>Step.1</dt> <dd><p>Lorem ...(中略)... venenatis.</p></dd> <dt>Step.2</dt> <dd><p>Integer ...(中略)... accumsan. </p></dd> <dt>Step.3</dt> <dd><p>Integer ...(中略)... imperdiet. </p></dd> </dl> デザインはCSS

    jQueryでアコーディオンパネルUIを自作する (1/3)
  • 1