長いリストを省スペースに設置するのに便利なリストの一部を非表示にし、隠したアイテムをアニメーションでスライド表示させるjQueryのプラグインを紹介します。 aPartHide デモ [ad#ad-2] 非表示にするアイテムの数は設定が可能で、デモでは七つのアイテムを配置したリスト要素の初期状態では3アイテムだけ表示し、「more」をクリックするとすべてのアイテムが表示されます。 また、全アイテムを表示した状態で、「less」をクリックすると3アイテムのみ表示されます。 aPartHideの実装 HTML リスト要素をdiv要素で内包し、表示・非表示用のdiv要素を配置します。 <div id="box1" class="demo"> <h3>Demo</h3> <ul> <li>Demo list item 1</li> <li>Another list item</li> <li>Th
Nate Armagost is a Web Developer working out of Minneapolis, MinnesotaA while back I did a project that required a horizontal accordion. I eventually found a plugin, but really wasn't happy with the results. The setup was pretty messy and to get the plugin working like I wanted, it took more time than it was worth. I also did not want text in the handle or tab area. I wanted it to be more like an
Mi nombre es Vicent Ferrer, soy consultor en Marketing Digital, Estrategia y Modelo de Negocio Online. Especializado en eCommerce, Facebook Ads y Google ADS. Si necesitas profesionalizar estas áreas en tu negocio, puedo aportar a tu proyecto online la experiencia en estrategia y ejecución para maximizar los resultados. Consultoría Google ADSSi hay volumen de búsqueda hay posible rentabilidad, bajo
Posted on 6th January 2008 — John Resig, author of jQuery demonstrated how easy is create this simple slide aka drawer aka accordion effect during @media Ajax 2007 – it also makes for a great introduction to jQuery. Earlier: Using Ajax to Validate Forms Next: jQuery Tabs The effect is commonly known as an ‘accordion’ and it’s usually used to slide up, or down blocks of content to expose new blocks
twitter facebook hatena google pocket 昨今はJavaScriptライブラリが広まり、いろいろなことが簡単にできるようになりました。 一方で余計な機能がついて、重くなるものもあります。 そこで、今回はわずか1.3KBと軽量のアコーディオン「JavaScript Accordion」を紹介します。 sponsors 使用方法 JavaScript Accordionからscript.jsをダウロードします。 導入は簡単で下記を記述すれば完了です。 <dl class="accordion" id="slider"> <!-- アコーディオン1 --> <dt>タイトル1</dt> <dd>内容1</dd> <!-- アコーディオン2 --> <dt>タイトル2</dt> <dd>内容2</dd> </dl> <script type="text/javas
This plugin is now part of jQuery UI and this standalone version won’t be updated anymore. The page will remain as a reference. This plugin creates an accordion menu. It works with nested lists, definition lists, or just nested divs. Options are available to specify the structure, if necessary, the active element (to display at first) and to customize animations. The navigation-option automaticall
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
