부트 스트랩 3 접기 서로 겹쳐지는 표시 및 숨기기

Question

부트 스트랩 3을 사용하는 웹 사이트가 있는데 이미지를 클릭하면 축소 패널이 나타납니다. 모든 패널을 '숨길' '이벤트'를 감시하는 코드가 있습니다. 문제는 인스턴트 애니메이션이 서로가 완료되기를 기다리지 않고 이상한 애니메이션이 발생한다는 것입니다. 예제 페이지는 여기 (http://urbantimber.ca/newsite/product-flooring.html)입니다. 나는 또한 0.001s에 속도를 설정하지만 흔적 속에서 여전히 표시로의 전환을 부정하는 것을 시도했다

$(function() { 
     var active = true; 
     $('#accordion').on('show.bs.collapse', function() { 
      if (active) $('#accordion .in').collapse('hide'); 
     }); 
    }); 

: 같은

제 기능을 보인다.

쇼 이벤트가 끝나기 전에 애니메이션이 완료되었음을 보는 방법에 대한 아이디어가 필요합니다. 나는 쇼가 시작되기 전에 일어나는 클릭 이벤트 일 필요가 있다고 생각하지만, 이것에 대해 어떻게 해야할지 모르겠다. 어떤 아이디어 나 의견도 크게 환영합니다.

Answer 1

나만의 구현을 만드는 것이 더 좋지 않은지 궁금합니다. 당신은 실제로 '아코디언'과 같은 기능을 사용하지 않습니다. 아마도 각 이미지에 클릭 이벤트 처리기를 연결하여 세부 정보 패널이 표시되는지 확인하고, 아니라면 jquery show 메소드를 사용하여 표시 할 수 있습니다. 이미 표시되어있는 경우 패널 html을 항목의 세부 정보로 바꿀 수 있습니다. (btw, 멋진 찾고 사이트).