jQueryの折りたたみ可能なメニューバーを展開したままにする

マイケルユージーンユエン

リンクをクリックすると、新しいページが読み込まれるため、メニューが折りたたまれます。とにかく、php変数を使用してメニューを展開したままにすることはできますか?

<ul class="<? echo $page_id; ?>">

<script>
$(document).ready(function () {

 $('.page_id').slideDown(); // this is where I would like to use variable!

 $('#nav > li > a').click(function(){
  if ($(this).attr('class') != 'active'){
    $('#nav li ul').slideUp();
    $(this).next().slideToggle();
    $('#nav li a').removeClass('active');
    $(this).addClass('active');
    }
  });
});
</script>

教えてくれてありがとう!

ジョニーファルド

ページの読み込み時に開きます。

<script>
$(document).ready(function () {
  //slide down on page load
  $('#nav li ul').slideDown();

 $('#nav > li > a').click(function(){
  if ($(this).attr('class') != 'active'){
    $('#nav li ul').slideUp();
    $(this).next().slideToggle();
    $('#nav li a').removeClass('active');
    $(this).addClass('active');
    }
  });
});
</script>

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

DIVクリックでjQueryメニューを展開/折りたたみしようとしています

分類Dev

メニューが展開されているか閉じているかに関係なく、すべてのメニューを展開/折りたたむメニューを展開します

分類Dev

IDに基づいて、デフォルトで折りたたみ可能なメニューを開きます。

分類Dev

Flutterで展開可能および折りたたみ可能なサイドバーメニューを描画する方法は?

分類Dev

JQueryは他の場所をクリックして折りたたみ可能なメニューを非表示にします-ぼかし-

分類Dev

折りたたみ可能なツールバーの展開/折りたたみとともにスクロールをブロックする

分類Dev

チェックボックスをオンにすると、ツリービューの展開/折りたたみが機能しなくなります

分類Dev

アニメーション化されたメニューリストをCSSでのみ展開/折りたたみます

分類Dev

Angular 4 route.navigateは、折りたたまれたメニューを展開します

分類Dev

直接アクセスできるブートストラップ4の折りたたまれたメニューを展開します

分類Dev

AdminLTE 3の展開メニューは、別のメニューをクリックしても閉じたり折りたたまれたりしません

分類Dev

メニューでクラスを「折りたたみ」から「折りたたみ」に変更します

分類Dev

角度のある再帰ツリーメニューのリストアイテムを展開/折りたたみます

分類Dev

折りたたまれたメニューを展開してアイテムを移動するにはどうすればよいですか?

分類Dev

その下のコンテンツの上に折りたたみ可能な展開を作成します

分類Dev

ブートストラップCSSは折りたたみ可能なメニューのz-indexを台無しにしますか?

分類Dev

anglejsと特定のデータ構造を使用して単純なツリーの展開可能/折りたたみ可能なビューを作成する方法

分類Dev

JQuery Mobile Panelウィジェット–折りたたみ可能なリストを開くと、ページの高さを超えて展開されると、ページdivの下部にジャンプスクロールします。どうして?

分類Dev

折りたたまれたメニューの展開を明確に無視して、特定のアイテムが一緒に移動しないようにするにはどうすればよいですか?

分類Dev

ページの読み込み時に折りたたみメニューが2回開きますか?

分類Dev

折りたたみ可能なメニューをブートストラップするためにCSSルールを適用できません

分類Dev

メニューのリンクを表示するために展開されていないブートストラップナビゲーションバーの折りたたみ

分類Dev

折りたたまれたメニューの脇にホバーチップを実装する方法

分類Dev

jqueryとbootstrapnavbarは、Angular7のサブメニューを折りたたんだり展開したりするためのレイアウトでは機能しません

分類Dev

展開/折りたたみビューのアイコンをアニメーション化するにはどうすればよいですか?

分類Dev

Windowsエクスプローラーでメニューの展開/折りたたみを無効にする方法は?

分類Dev

展開された検索ビューが折りたたまれた後に表示されないその他のオプションメニュー項目

分類Dev

応答すると、2つの異なるメニューバーが1つのメニューバーに折りたたまれます

分類Dev

折りたたみ可能なメニュー(jquery)に必要な最終調整

Related 関連記事

  1. 1

    DIVクリックでjQueryメニューを展開/折りたたみしようとしています

  2. 2

    メニューが展開されているか閉じているかに関係なく、すべてのメニューを展開/折りたたむメニューを展開します

  3. 3

    IDに基づいて、デフォルトで折りたたみ可能なメニューを開きます。

  4. 4

    Flutterで展開可能および折りたたみ可能なサイドバーメニューを描画する方法は?

  5. 5

    JQueryは他の場所をクリックして折りたたみ可能なメニューを非表示にします-ぼかし-

  6. 6

    折りたたみ可能なツールバーの展開/折りたたみとともにスクロールをブロックする

  7. 7

    チェックボックスをオンにすると、ツリービューの展開/折りたたみが機能しなくなります

  8. 8

    アニメーション化されたメニューリストをCSSでのみ展開/折りたたみます

  9. 9

    Angular 4 route.navigateは、折りたたまれたメニューを展開します

  10. 10

    直接アクセスできるブートストラップ4の折りたたまれたメニューを展開します

  11. 11

    AdminLTE 3の展開メニューは、別のメニューをクリックしても閉じたり折りたたまれたりしません

  12. 12

    メニューでクラスを「折りたたみ」から「折りたたみ」に変更します

  13. 13

    角度のある再帰ツリーメニューのリストアイテムを展開/折りたたみます

  14. 14

    折りたたまれたメニューを展開してアイテムを移動するにはどうすればよいですか?

  15. 15

    その下のコンテンツの上に折りたたみ可能な展開を作成します

  16. 16

    ブートストラップCSSは折りたたみ可能なメニューのz-indexを台無しにしますか?

  17. 17

    anglejsと特定のデータ構造を使用して単純なツリーの展開可能/折りたたみ可能なビューを作成する方法

  18. 18

    JQuery Mobile Panelウィジェット–折りたたみ可能なリストを開くと、ページの高さを超えて展開されると、ページdivの下部にジャンプスクロールします。どうして?

  19. 19

    折りたたまれたメニューの展開を明確に無視して、特定のアイテムが一緒に移動しないようにするにはどうすればよいですか?

  20. 20

    ページの読み込み時に折りたたみメニューが2回開きますか?

  21. 21

    折りたたみ可能なメニューをブートストラップするためにCSSルールを適用できません

  22. 22

    メニューのリンクを表示するために展開されていないブートストラップナビゲーションバーの折りたたみ

  23. 23

    折りたたまれたメニューの脇にホバーチップを実装する方法

  24. 24

    jqueryとbootstrapnavbarは、Angular7のサブメニューを折りたたんだり展開したりするためのレイアウトでは機能しません

  25. 25

    展開/折りたたみビューのアイコンをアニメーション化するにはどうすればよいですか?

  26. 26

    Windowsエクスプローラーでメニューの展開/折りたたみを無効にする方法は?

  27. 27

    展開された検索ビューが折りたたまれた後に表示されないその他のオプションメニュー項目

  28. 28

    応答すると、2つの異なるメニューバーが1つのメニューバーに折りたたまれます

  29. 29

    折りたたみ可能なメニュー(jquery)に必要な最終調整

ホットタグ

アーカイブ