ここから本文です

javascriptを利用してアコーディオンメニューを作成しているのですが、別ページへ...

yo0********さん

2015/10/1215:56:46

javascriptを利用してアコーディオンメニューを作成しているのですが、別ページへ遷移し、ブラウザバックで戻った場合、メニューが開いたままになってしまい困っています。

以下、HTML、javascriptのソースになります。
ご教示頂ければ幸いです。

【HTML】

<ul class="accordion">
<li>
<p><span>SELECT MENU</span></p>
<ul>
<li><a href="ディレクトリ名"><img src="ファイルパス" alt="テキスト"></a></li>
<li><a href="ディレクトリ名"><img src="ファイルパス" alt="テキスト"></a></li>
<li><a href="ディレクトリ名"><img src="ファイルパス" alt="テキスト"></a></li>
<li><a href="ディレクトリ名"><img src="ファイルパス" alt="テキスト"></a></li>
<li><a href="ディレクトリ名"><img src="ファイルパス" alt="テキスト"></a></li>
</ul>
</li>
</ul>

【javascript】

$(function(){

$(".accordion p").click(function(){
$(this).next("ul").slideToggle();
$(this).children("span").toggleClass("open");
});

$(".accordion dt").click(function(){
$(this).next("dd").slideToggle();
$(this).next("dd").siblings("dd").slideUp();
$(this).toggleClass("open");
$(this).siblings("dt").removeClass("open");
});

});

閲覧数:
253
回答数:
1
お礼:
25枚

違反報告

ベストアンサーに選ばれた回答

やふ屋さん

2015/10/1614:44:13

ブラウザによっては、ブラウザバック時に前に見た時と同じ常態を維持する機能がついてたりします。
メニューを開いたまま次のページに移動したのであれば、戻った時開いたままになってるのはブラウザの仕様な問題な気がします。
確認を行ってるブラウザを教えていただけますか?

  • 質問者

    yo0********さん

    2015/10/1813:43:50

    synrztbu 様

    iPhoneからsafari,chromeを使用した検証をしていました。
    PCではそのような表示にならないので、おっしゃる通り、ブラウザに起因するものか、デバイスかと考えていましたが、色々試してみてダメだったのでこちらへ投稿させて頂きました。

    javascriptでキャッシュクリアの処理などを入れれば、一瞬画像のリンク切れが表示されて、その後はメニューが閉じた状態になります。

  • その他の返信(1件)を表示

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

この回答は投票によってベストアンサーに選ばれました!

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる