티스토리 뷰

가끔 웹 소스를 분석하다 보면, 로딩속도를 위해서 자바스크립트를 한줄로 쫘악 해 놓은 경우가 있습니다.
이럴때 정말 분석하기 난감하죠 ^^;; 그렇다고 한줄씩 칸 내리기를 하기도 그렇구...

이럴때 한번에 이런것을 해결해 주는 사이트가 있어서 소개 할려고 합니다.


(function($){$.fn.extend({accordion:function(){return this.each(function(){if($(this).data('accordiated'))return false;$.each($(this).find('ul, li>div'),function(){$(this).data('accordiated',true);$(this).hide()});$.each($(this).find('a'),function(){$(this).click(function(e){$(e.target).parent('li').toggleClass('active').siblings().removeClass('active').children('ul, div').slideUp('fast');$(e.target).siblings('ul, div').slideToggle('fast');return void(0)})})})}})})(jQuery);

이렇던 것을
(function($) {
  $.fn.extend({
    accordion: function() {
      return this.each(function() {
        if ($(this).data('accordiated')) return false;
        $.each($(this).find('ul, li>div'),
        function() {
          $(this).data('accordiated', true);
          $(this).hide()
        });
        $.each($(this).find('a'),
        function() {
          $(this).click(function(e) {
            $(e.target).parent('li').toggleClass('active').siblings().removeClass('active').children('ul, div').slideUp('fast');
            $(e.target).siblings('ul, div').slideToggle('fast');
            return void(0)
          })
        })
      })
    }
  })
})(jQuery);
이렇게 만들어 주죠~ ^^*
혹시 gvim을 사용하시는 분이라면, gvim용 플러그인도 있습니다.

저작자 표시
신고
댓글
댓글쓰기 폼