엘리먼트의 show, hide 이벤트 감지하기 - J쿼리

특정 엘리먼트에 .show() 또는 .hide() 이벤트가 실행될때
별도로 on() 이벤트에 등록시켜 관련된 처리를 하는 방법.

//-- show, hide 이벤트 정의
(function ($) {
  $.each(['show', 'hide'], function (i, ev) {
    var el = $.fn[ev];
    $.fn[ev] = function () {
    this.trigger(ev);
    return el.apply(this, arguments);
    };
  });
})(jQuery);

//-- on 이벤트 등록
$(셀렉터).on("show", function(){
  console.log("menu on");
});
$(셀렉터).on("hide", function(){
  console.log("menu off");
});