SEO対策に強いテンプレート「賢威」を使っている運営サイトに

「よくある質問」ページを追加したときの備忘録。

 

【作業内容】

WordPress の「 Responsive Accordion And Collapse 」という

プラグインを導入。

 

「 Responsive Accordion And Collapse 」とは？

このプラグインを導入すると

アコーディオンのように動くQ&Aを簡単に作れる。

 

なぜか、アコーディオンが開かない？

Q&Aのページの完成後、アコーディオンの動作確認をしたところ、

下記のような動きになった。

１．一番上のアコーディオンをクリックすると

画面がスクロール。アコーディオンが開閉しない。

２．二番目以降のアコーディオンをクリックすると

何も動かない。

 

原因と解決方法

賢威で独自にプログラミングされたJavaプログラムが

プラグインの動作に影響を与えていた。

対象ファイル：utility.js

 

このファイルにある下記の部分を

削除またはコメントアウトすることにより

アコーディオンの開閉の問題は解決。

【削除またはコメントアウトする部分】

$(“a[href^=#]”).click(function(){
var Hash = $(this.hash);
var HashOffset = $(Hash).offset().top;
$(“html,body”).animate({
scrollTop: $($(this).attr(“href”)).offset().top }, ‘slow’,’swing’);
return false;
});

 

※上記のプログラムを削除またはコメントアウトすると

ページトップに移動する動きがスムーズにならなくなる。

 

 

プログラミングし直すのがベスト。