jquery dynamic slideToggle

Question

저는 SilverStrips CMS를 사용하고 있습니다. 내 목표는 확장 된 링크가있는 접힌 상태에서 시작하는 동적 div 시리즈를 만드는 것입니다. jQuery slideToggle() 함수를 사용하고 함수 양식에서 올바르게 작동하도록하는 데 문제가 있습니다. 여기에 내가 가진 것이있다.

머리 태그 : 난

<h3><a href"javascript:void(0)" onclick="collapse(div#itemid)">$Title</a></h3> 

: 나는 그래서 동적으로 생성 된 ID를 가진 함수 붕괴를 (호출하는 onclick 이벤트)를 보유하고 링크를 설정 한

$(document).ready(function(){ 
    (function($){ 
     $.fn.collapse = function(itemid){ 
      $(itemid).slideToggle(); 
     }; 
    })(jQuery); 
}); 

그리고 내 기능을 올바르게 포맷했는지 여부는 확실하지 않습니다.

Answer 1

나는 그것이 있어야한다 초기 CSS는

{height:0px;} 

이없는 문제는 내가 그것을

<h3><a href="javascript:void(0)" onclick="collapse('div#itemid')">$Title</a></h3> 

이 있는지 확인해야한다 생각

<h3><a href"javascript:void(0)" onclick="collapse(div#itemid)">$Title</a></h3> 

여기에있다 생각

{display:none;} 

대신 토글을 사용하면 높이를 토글 할 대상을 알 수 없습니다.

---

또한이 기능을 만들지 않으시겠습니까?

$(document).ready(function(){ 

    function collapse(itemid){ 
     $(itemid).slideToggle(); 
    }; 

}); 

Answer 2

당신이 그 기능을 만드는 방법, 당신은 그래서 같이 호출해야합니다 :

$("any selector here").collapse("div#itemid") 

이 원하지 무엇을 가능성이있다.

$.fn.collapse = function(){ 
     $(this).slideToggle(); 
    }; 

는 그 다음은과 같이 호출 할 수 있습니다 : 대신,이 시도

$('div#itemid').collapse() 

http://jsbin.com/ozacoq/1/edit

---

이상적으로, 당신은 또한 인라인 당신의 핸들러를 부착하지 고려해야한다. 이 같은 것 :

$("a.somelink").click(function(){ 
    $('div#itemid').collapse(); 
});