QA用アコーディオンモジュールの作り方【レベル1】Hubspot CMS Hub
Webサイトでよく見かけるQA要素。コンパクトなアコーディオンタイプなら、ページが長くならず、スッキリ見せることができます。 今回はレベル1の名にふさわしく、超・超、簡易的なモジュールを作成します。はっきり言って汎用性は低いですが、基本的な知識も書いていますので「最近CMS Hubを始めたばかりなんだよね」という方にもオススメの内容となっています。 （次回は【レベル2】と称して、もう少し汎用性の高いアコーディオンモジュールの作成方法の記事を書こうと思っていますので、乞うご期待！） アコーディオンモジュール（レベル1）の仕様 モジュールのドラッグアンドドロップ配置が可能 QAの個数、記載内容、デザインは固定（記載内容を書き換えたい場合は、モジュールの大本を書き換える必要あり）※この仕様が「レベル1」とした理由です。 手順 【下準備 1】モジュールをドラッグアンドドロップできるテンプレートを作
AdobeXDのステート機能（コンポーネント状態）を使いこなそう！
はじめに 先日アメリカのLAで開催されたAdobeMAXにてAdobeXDの新機能が紹介されました！ その中でも 特に目玉機能だと感じたステート機能 （コンポーネント状態）について詳解させていただきます。 まずはステート機能で何が出来るのかを理解するために以下の動画をご覧ください。 Embedded content: https://twitter.com/pino_ebiebi/status/1191955060537860097?ref_src=twsrc%5Etfw そして、こちらの記事はAdobe XD Advent Calendar 2019の２日目の記事です。 ステート機能の基本 動画作りました！ ステート機能の基本が2分で分かる動画を作ったので、まずはこちらを観てみてください！ Embedded content: https://twitter.com/pino_ebiebi
【★★★ - ｊＱｕｕｅｒｙ】 - クリックで開くアコーディオンメニュー
スマートフォンにも使える、クリックで開くアコーディオンメニューjQuery スマートフォン等、限られたスペースで複数のコンテンツを設置できるアコーディオンメニュー。 シンプルなコードで動作しますので、実装してみてはいかがでしょうか。 デモページ DEMO 説明 今回は2種類のアコーディオンを紹介します。 1つは「ul」で組むリスト、もう1つは「dl」で組むリストです。 なお、「ul」リストは複数開くことができ、「dl」リストは別のタブが閉まるようになっていますので使い分けて見て下さい。 JS $(function(){ $(".accordion p").click(function(){ $(this).next("ul").slideToggle(); $(this).children("span").toggleClass("open"); }); $(".accordion dt"
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
