slideToggle 콜백 함수

Question

// accordion 
    $("#left-nav .block h2").click(function(){ 
     $(this).next("div").slideToggle("fast", function() { 
      alert("hey"); 
      $("#left-nav, #content, #aside").equalHeight(); 
     }) 
     .siblings("div:visible").slideUp("fast"); 
     $(this).toggleClass("active"); 
     $(this).siblings("h2").removeClass("active"); 
    }); 
    $("#left-nav .block h3").toggle(function(){ 
     $(this).next("ul").slideToggle("fast"); 
     $(this).removeClass("active"); 
    }, function() { 
     $(this).next("ul").slideToggle("fast"); 
     $(this).toggleClass("active"); 
     $(this).siblings("h3").removeClass("active"); 
    }); 

경고는 작동하지만 열의 크기는 조정되지 않습니다. 다음은 equalHeight 함수입니다.

jQuery.fn.equalHeight=function() { 
var maxHeight=0; 
this.each(function(){ 
if (this.offsetHeight>maxHeight) {maxHeight=this.offsetHeight;} 
}); 
this.each(function(){ 
$(this).height(maxHeight + "px"); 
if (this.offsetHeight>maxHeight) { 
    $(this).height((maxHeight-(this.offsetHeight-maxHeight))+"px"); 
} 
}); 
}; 

현재 아도비니즘 메뉴를 더 잘 재 작성할 수 있습니까?

많은 감사!

Answer 1

jQuery.fn.equalHeight=function() { 
    var maxHeight=0; 
    this.each(function(){ 
    if ($(this).height() > maxHeight) { 
     maxHeight = $(this).height(); 
    } 
    }); 
    return this.each(function() { 
    $(this).height(maxHeight); 
    }); 
}; 

참고 : 아코디언 코드에서 호출하기 전에 정의되어 있는지 확인하십시오. :).

그 밖의 모든 방법이 실패 할 경우 plugin을 사용해보십시오.