아코디언의 항목 높이가 제대로 재설정되지 않습니다.

Question

편집 : 해결되었습니다. 그것이 이 아닌 js의 라인 높이와 관련이 있다고 밝혀졌습니다.

바이올린 : http://jsfiddle.net/ruwjn/7/

라이브 사이트 : http://imip.rvadv.com/index3.html

그것은 바이올린에이 일을하지 않는 것,하지만 라이브 사이트에 그것을하고있다. 아코디언 메뉴 항목을 클릭하면 제대로 열립니다. 같은 항목을 두 번 클릭하면 닫고 이전의 모습으로 돌아갑니다. 그러나 그런 일은 결코 일어나지 않습니다. 두 번 클릭하면 닫히지 만 아코디언 메뉴 링크 사이에 여분의 공간이 생깁니다.

나는 js에 대해 잘 모르겠지만, 나는이 비트와 함께 뭔가를 할 필요가 있다고 생각 : 당신이 js에 대해 아무것도 설명해야하는 경우

$(window).bind('smartresize.accordion', function(event) { 

      // reset orinal item values 
      instance._saveDimValues(); 

      // reset the content's height of any item that is currently opened 
      instance.$el.find('li.st-open').each(function() { 

       var $this = $(this); 
       $this.css('height', $this.data('originalHeight') + $this.find('div.st-content').outerHeight(true)); 


      }); 

      // scroll to current 
      if(instance._isOpened()) 
      instance._scroll(); 

     }); 

이의 간단한에 넣어주십시오 가능하면 용어. 나는 이것에 대해 거의 알지 못한다.

Answer 1

이것은 꽤 이상한 것입니다. 두 번째 목록 항목의 h2은 이며 줄 바꿈이 발생할만큼 길어서 단지이므로 아코디언이 닫히면 계산/표시되는 것입니다. 텍스트를 몇 글자로 줄임으로써 이것을 직접 볼 수 있습니다. 그 아래의 li에도 발생하지만 마지막 항목이므로 알 수 없습니다.

이 단순히 스타일 시트에 H2 {}이 추가 해결하려면 :

white-space:nowrap; 

을해야한다고.