Question

I’m trying to create a lightweight code for button clicks, so with the help of some people I now have one code that works for all buttons.

What I forgot though, was that how can each button execute unique code such as loading a different page when I use one code for all?

Here’s an example of what I have now:
http://jsfiddle.net/pufamuf/pGmZV/

Thanks for your help everyone :))))

Edit: Each button should load a different page, such as:

$('#content').load('SomePage.html', function() {});

Answer 1

You could use the id

jQuery(document).delegate(".menuCanBeActive", "click", function( e ) { 
    e.preventDefault();
    jQuery(".menuCanBeActive").removeClass("menuActive");
    jQuery(this).addClass("menuActive");

    var pageToLoad = '';
    switch( this.id ){
       case 'buttonone':
          pageToLoad = 'aaa.htm';
          break;
       case 'buttontwo':
          pageToLoad = 'bbb.htm';
          break;
       //etc
    }
    if( '' !== pageToLoad ){
       $('#content').load( pageToLoad, function() {});
    }
});