title: .on() & toggle working together
body: <p>Quick question here guys, I cant seem to get this</p>
  
  <pre><code>$('#wrap').on('toggle', '#image', function(){
      &lt;!-- Do stuff --&gt;
    });
  </code></pre>
  
  <p>to be able to have a toggle inside it? Any ideas? I have tried googling but with no luck.</p>
  
  <p>this is the code i am trying to get to work with .on, as currently it doesn't apply the changes to all of the element son the page, (that have #image and #brick)</p>
  
  <pre><code>$("#result_options").toggle(function() {
          var image_width = $('#image').width() / 2;
          var brick_width = $('#brick').width() / 2;
          $("#image").css("width",image_width);
          $("#image").css("padding","4px");
          $("#brick").css("width",brick_width);
      },function (){
          $("#image").css("width","300");
          $("#image").css("padding","8px");
          $("#brick").css("width","314");
          $(this).html("Smaller Results");
      });
  });
  </code></pre>