logo

パレット - カラフルに🎨

Palette — ビジュアルページビルダー、デザインの専門知識は不要です。

ライブデモ パレットをダウンロード

Scroll

商品一覧をアコーディオン形式で表示する方法

22/02/2025, by 匿名 (未認証ユーザー)
フォーラム

こんにちは!こんな問題にぶつかりました。新商品をアコーディオン形式で表示する方法がどこにも見当たりません。
具体的には:トップページに表示される新商品のViewがあります。「もっと新商品を見る」というボタンを押すと、アコーディオン形式で新商品の全リストが展開されるようにしたいのです。つまりボタンを押すと、それが下に移動して、その位置にさらに商品が表示される、という形です。
Accordionモジュールを使う必要があるのは分かるのですが、このケースでどう使えばよいのか理解できません。
どなたか教えていただけますか?同じような課題に取り組んだことがある方はいますか?

教えていただいたのですが、必要なブロックに必要な情報を、例えば同じViewsなどを使って表示し、

jQuery(this).toggle("fast");
 

このようにして「新商品」の表示・非表示を切り替える必要があるとのことです。

ですが、それをどう実現すればよいのか分かりません。というのも、まだDrupalを触り始めて1週間程度だからです。何を、どこに、どのように記述すればよいのかもまだ分かりません。jsファイルを作成する必要があるのか、それともこれらのコードをブロックに適用できるように何かモジュールをインストールする必要があるのかも分かりません。

助けてください。