title: jQuery unbind() on toggle, then toggle out bind()
body: <p>I'm having trouble re-binding my function after I've unbinded it. </p>
  
  <p>I wanted to unbind the toggle to all siblings(), which seems to work... then on toggle off re-bind the siblings() back to their original state. </p>
  
  <p>Here is my js</p>
  
  <pre><code>function filterme(id, name){
  $(id).toggle(function(event) {
      event.preventDefault();
  
      $(this).parent().siblings().children().unbind('click');
      $(this).parent().siblings().css({opacity: '0.3'}, 800);
  
      elements = $('body').find(name);
      $(this).addClass('clicked');
  
      if(elements.length &gt; 0) {
          if($(name+':visible')) {
              $('div.row:visible').fadeOut('200');
              $(name+':visible').parent().fadeIn('200');
          }
      }
  }, function(event) {
          event.preventDefault();
          $('div.row').fadeIn('200');
          $(this).removeClass('clicked');
          $(this).parent().siblings().css({opacity: '1'}, 800);
          $(this).parent().siblings().children().bind('click');
  
  
  });
  }
  
  
  filterme('a.under-pound', 'div.lowest-price');
  </code></pre>