title: Customize function is not working
body: <p>i was creating a customize function but it's not working </p>
  
  <p>MY HTML</p>
  
  <pre><code> &lt;h3&gt;REVEAL YOURSELF&lt;/h3&gt;
  
    &lt;p &gt;
      REVEAL YOURSELF SOMEWHERE
    &lt;/p&gt;
  </code></pre>
  
  <p>My jquery</p>
  
  <pre><code> (function(){
  
  
      var object = {
  
          var p : $('p'),
  
          fadeSlideToggle: function(){
              $(this).animate({
                  'height':'toggle',
                  'opacity':'0'
              });
          }
  
      };
  
     $('h3').on('click', object.fadeSlideToggle);
  
  })();
  </code></pre>
  
  <p>my function is working when i use</p>
  
  <pre><code> (function(){
  
    $.fn.fadeSlideToggle = function(speed, fn){
          $(this).animate({
              'height':'toggle',
              'opacity':'0'
          },speed , fn)
      }
  
      $('h3').on('click', function(){500
          $('p').fadeSlideToggle();
      });
  
  
  })();
  </code></pre>
  
  <p>why its not working through that way? please hrlp i'm new to jquery thanks :)</p>