トグルリストに表示を有効にするためにjavascriptが必要です

私はulリストを追加しました.Javascript を使用してトグルし、CSSを使用して表示をnoneに設定しても問題ありません。親メニューの下にあるリンクをクリックすると、次のページにリンクが表示されるようにjavacriptを探しています（折りたたまれていない）したがって、デフォルトでは折りたたまれていますが、リンクがクリックされてページが読み込まれると、最初にページが訪問されたときのようにリンクが折りたたまれません。ここに私の現在のマークアップトグルリストに表示を有効にするためにjavascriptが必要です

<ul> 
    <li> 
     Main Title 
     <ul> 
      <li> 
       <a href="#">link 1 </a> 
      </li> 
      <li> 
       <a href="#">link 2 </a> 
      </li> 
      <li> 
       <a href="#">link 3 </a> 
      </li> 
     </li> 
    </ul> 
</ul> 

<style> 
    ul li ul { 
     display: none; 
    } 
</style> 

<script> 
    $('li').click(function (e) { 
     $(this).children('ul').slideToggle(); 
     e.stopPropagation(); 
    }); 
</script>

出典

2017-03-04 Topenze

だからあなたはそれが上の拡張された場合は、リストの次のページ上に展開されるようにしたいです最初のページ？ sessionStorage、localStorage、またはcookieを使用します。 – Sam

jQueryのコード

<script> 
    $(document).ready(function(){ 
    $("#hideshow").hide();  //By Default li is hide 

     $("ul").click(function(){ 
      $("#hideshow").slideToggle(1000); 
     }); 
    }); 
    </script>

HTMLコード

<body> 
    <ul><li>Hide </li></ul> 
    <ul id="hideshow"> 
     <li><a href="#">link 1 </a></li> 
     <li> a href="#">link 2 </a></li> 
     <li><a href="#">link 3 </a></li> 
    </ul> 
    </body>

出典

2017-03-07 19:09:03

トグルリストに表示を有効にするためにjavascriptが必要です

答えて

関連する問題