fadeIn fadeOut에 대한 일반화 된 함수는 무엇입니까?

Question

JQuery와 : 사업부와 버튼에 대해 서로 다른 ID로 내 사이트에 이러한 기능의 여러 사용이,이

$(document).ready(function() { 
    $('#myfirstDiv').click(function() { 
     $('#seconDiv').fadeIn("fast"); 
    }); 
    $('#closeBtn').click(function() { 
     $('#seconDiv').fadeOut("fast"); 
    }); 
}); 

.
어떻게 모든 Div 및 단추에 대해 이러한 기능을 일반화 할 수 있습니까?

Answer 1

가에 걸리는 플러그인의를 제 DIV 및 버튼을 닫으려면

(function($) { 
    $.fn.extend({ 
     FadeInOut: function(divTwo, closeBtn) { 
      return this.each(function() { 
       $(this).click(function() { 
        $(divTwo).fadeIn("fast"); 
       }); 
       $(closeBtn).click(function() { 
        $(divTwo).fadeOut("fast"); 
       }); 
      }); 
     } 
    }); 
})(jQuery); 

DEMO

Answer 2

1. div 버튼에 속성
2. 사용자 정의 만들기 div 버튼에 data-action을 사용자 지정 특성 data-target 만들기 페이딩 사업부
3. 을위한 클래스를 정의 버튼 DIV
4. 을위한 클래스를 정의
5. jQuery가 모든 버튼 div 요소 (클래스로 선택)를 찾고 해당 작업 (show/fadeIn 또는 hide/fadeOut)에 따라 타겟에 연결합니다.

이렇게하면 jQuery가 올바르게 설정되어 있으면 jQuery가 몇 개의 버튼이나 div에 관계없이 "자동으로"링크됩니다.

죄송합니다. 지금은 코드가 없습니다.하지만이 방법이 효과적입니다.

업데이트

일부 링크는이 방법을 달성하는 데 도움이 :

• Jquery custom attributes
• jQuery's class selector
• 여기 jQuery's bind

Answer 3

내가 찾은 해결책이 fadeIn 및 페이드 아웃 기능을 일반화.
이 Example


는 다른 어떤 도움이 될 수 있습니다 볼 수 있습니다.