Hola! Disculpen las molestias, estoy haciendo un toggle slide vertical y funciona re bien, el problema es que quiero que cuando se haga click en la imagen, al terminarse de abrir esta cambie por otra.
Al principio como pueden ver en el archivo CSS, estoy usando la imagen contact_unselected (es una flecha hacia abajo), cuando se abre quisiera que se cargue la imagen contact_selected (flecha hacia arriba) y la verdad probe de todo y no me sale jajaj
Les dejo el codigo que estoy usando:
XHTML Cita: <div id="contact">
<div class="content"></div>
</div>
<div id="up_down">
<h1><a id="contact_toggle" href="#">Contáctese</a></h1>
</div>
CSS Cita: #contact{
background: #fff; position: relative;
}
#contact .content{
width: 500px; height: 80px; padding-top: 25px; margin: 0 auto;
}
#up_down{
font-size: 1.1em; text-align: center;padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 0px;
}
#up_down h1{
font-size: 1px;
}
#up_down h1 a{
background: url(../images/contact_unselected/contact_unselected.png) no-repeat; width: 13px; height: 9px; position: relative; top: 18px; left: -389px; display: block; text-indent: -1000em; overflow: hidden; float: right; margin-top: -10px; margin-right: 5px; outline: 0;
}
JS Cita: window.addEvent('domready', function(){
$('contact').setStyle('height','auto');
var mySlide=new Fx.Slide('contact').hide();
$('contact_toggle').addEvent('click', function(e){
e=new Event(e);
mySlide.toggle();
e.stop();
});
});
Muchas gracias! =)