Os pongo el js:
Código:
Los botones: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"); }); });
Botón 1:
Código:
Botón 2:<a href="#inicio" onClick="load('.div-d','road.php')" class="temas-deco-d">ROAD</a>
Código:
Botón 3:<a href="#inicio" onClick="load('.div-d','street.php')" class="temas-deco-d">STREET</a>
Código:
Quiero que el botón 1 aplique el fade in.<a href="#inicio" onClick="load('.div-d','house.php')" class="temas-deco-d">house</a>
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:
¿Cómo podría hacerlo? estoy un poco pez con el jquery, ayuda please.$.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."); });
También me gustaría tener la opción de aplicarle estos y otros estilos a más botones, en concreto unos 18.