토글 목록에 디스플레이를 사용하려면 자바 스크립트가 필요합니다.

자바 스크립트 을 사용하여 토글을 추가 한 ul 목록이 있고 CSS를 사용하여 표시를 none으로 설정하면 모든 것이 잘 작동합니다. 상위 메뉴의 링크를 클릭하면 다음 페이지에 링크가 표시되도록 축소판이 표시되지 않도록 javacript를 찾고 있습니다 ( ). 따라서 기본적으로 축소되어 있지만 링크가 클릭되어 페이지가로드 될 때 페이지가 처음 방문되었을 때 링크가 축소되지 않습니다. 여기토글 목록에 디스플레이를 사용하려면 자바 스크립트가 필요합니다.

<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

그래서 당신이 그것을가 확대 된 경우 목록은 다음 페이지에 확장 할 HTML 코드 첫 번째 페이지? sessionStorage, localStorage 또는 쿠키를 사용하십시오. – Sam

JQuery와 코드 내 현재의 마크 업의

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

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

<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

토글 목록에 디스플레이를 사용하려면 자바 스크립트가 필요합니다.

답변

관련 문제