Misma función de jquery con diferentes características

[Luisa29]

Hola amigos, resulta que mediante un script de jquery cargo distintos contenidos en diferentes divs, pero quiero aplicar características diferentes a cada uno.

Os pongo el js:

Código:

function load(div, of) {
    $(div).load(of, function() {    
        FB.XFBML.parse(document.getElementById('div-d'));
        twttr.widgets.load();
    }).hide().fadeIn("slow");    
}

$.getScript("jquery.cycle.all.js", function(data, textStatus, jqxhr) {
    console.log(data); // Data returned
    console.log(textStatus); // Success
    console.log(jqxhr.status); // 200
    console.log("Load was performed.");
});

options = $.extend( options || {}, {
    dataType: "script",
    cache: true,
    url: url
});

$(document).ready(function(){
    $("#Reload").click(function() {
        $("#result").html("result reloaded successfully");
    });
});

Los botones:

Botón 1:

Código:

<a href="#inicio" onClick="load('.div-d','road.php')" class="temas-deco-d">ROAD</a>

Botón 2:

Código:

<a href="#inicio" onClick="load('.div-d','street.php')" class="temas-deco-d">STREET</a>

Botón 3:

Código:

<a href="#inicio" onClick="load('.div-d','house.php')" class="temas-deco-d">house</a>

Quiero que el botón 1 aplique el fade in.

Quiero que el botón 2 aplique el:

FB.XFBML.parse(document.getElementById('div-d'));
twttr.widgets.load();



Y quiero que el botón 3 aplique:

Código:

$.getScript("jquery.cycle.all.js", function(data, textStatus, jqxhr) {
    console.log(data); // Data returned
    console.log(textStatus); // Success
    console.log(jqxhr.status); // 200
    console.log("Load was performed.");
});

¿Cómo podría hacerlo? estoy un poco pez con el jquery, ayuda please.


También me gustaría tener la opción de aplicarle estos y otros estilos a más botones, en concreto unos 18.