Ya lo lei, e intenté aplicarlo, pero: ¿Por qué sigue sin salirme nada?
dejo mi código completo:
Código HTML:
Ver original<script type="text/javascript" src="../mootools.js"></script> <script type="text/javascript">
// opacar $$$$$$$$$$$$$$$$$
window.addEvent('domready', function opacar(getid,getelement) {
var el = $(getid);
$(getelement).addEvent('click', el.fade.bind(el, [0]));
});
// Mostrar/Ocultar
function MO(Get_id){
var Kuriel = $(Get_id);
var status = Kuriel.getStyle('display');
Kuriel.setStyle('display', (status == 'none') ? 'block' : 'none');
}
<a id="ElElemento" onclick="MO(ElId); opacar(ElId,ElElemento);" style="cursor:pointer;">HACER EFECTO 1
</a> |
<a id="ElElemento2" onclick="MO(ElId);" style="cursor:pointer;">HACER EFECTO 2
</a> |
<a id="ElElemento3" onclick="opacar(ElId,ElElemento3);" style="cursor:pointer;">HACER EFECTO 3
</a> |
<div id="ElId" style="width:400px; border:2px dashed gray; height:200px;"> Hola mundo!!
<div id="ElId2" style="width:400px; border:2px dashed orange; height:200px;"> HOla mundo!! (para ver si se recorre este div y desaparece el otro.)
Me sigue blokeando una funcion, es decir, o corre una, o corre la otra función, si alguién me ayuda, necesito de favor que corra primero:
opacar()
y cuando termine de hacerse el efecto, o despues de un segundo, corra la función:
MO()
gracias.