아코디언 그룹 - 항목이 자동으로 삭제되었습니다.

Question

다음 아코디언 ID에 대한 도움이 필요합니다. 지금은 드롭 다운에서 작동하지만, 페이지를 열면 첫 번째 목록 항목이 이미 드롭 다운됩니다. 나는 그것을 클릭 할 수 있어야하고 그 후에 내려 간다. 현재 항상 목록 항목이 하나 이상 열려 있습니다. 제발 조언. 감사!

<ul id="accordion"> 
       <li class="title" id="cars"></li> 
       <li class="content" id="car"> 


         <p></p> 

       </li> 
       <li class="title" id="watc"> </li> 
       <li class="content"> 


         <p></p> 

       </li> 
       <li class="title" id="jewe"></li> 
       <li class="content"> 


          <p></p> 

       </li> 
       <li class="title" id="meta"></li> 
       <li class="content"> 


         <p></p> 

       </li> 


      </ul> 

Answer 1

내가 제대로 질문을 이해한다면 나도 몰라이이 예 (Fiddle)에서 당신에게
도움이 될 것입니다 경우에, 나는 당신에게 당신이 리튬에 텍스트의 양을 변경할 수있는 간단한 아코디언을 제안한다 요소.
페이지를로드하면 아코디언이 닫힙니다.
li 요소를 클릭하면 자동 높이로 움직입니다.
이것은 간단한 예일뿐입니다. 도움이되기를 바랍니다.
이 솔루션이 귀하의 필요에 맞지 않으면 시간을 낭비하게되어 사과드립니다.

이

<script type="text/javascript"> 
$(document).ready(function(){ 
     $('#accordion li').click(function(){ 
      var alt=$(this).height() 
      if($(this).hasClass('open ok')&&alt>40){$(this).animate({'height':'40px'},1000)}else{ 
      $(this).addClass('open ok').css({'background-color':'#CCC'}) 
      var classe=$('li').hasClass('ok') 
      if(classe){ 
       $(this).css({'height':'auto'}) 
       var auto=$(this).height() 
       $(this).height(alt).animate({'height': auto}, 1000); 
       $('li').not(this).animate({'height':'40px'},500).removeClass('ok').removeAttr('style') 
       } 
      } 
     }) 
}) 
</script>