Hi all hope someone can help,
I have the full version of mootools loaded and i am hiding a contact us form that is revealed when the contact us button is clicked, it works lovley in ie7-8 but in firefox/safari it totlay messes up.
link to demo
Untitled Document
hop some can help
javascript//
window.addEvent('domready', function(){
var mySlide = new Fx.Slide('form',{
duration: 1200,
transition: Fx.Transitions.Bounce.easeOut
}).hide();
$('toggle').addEvent('click', function(e) {
e = new Event(e);
mySlide.toggle();
e.stop();
});
})
css//
#cont1 #cont2 #form {
padding: 0px;
float: left;
width: 800px;
font-weight: bold;
color: #FFFFFF;
font-size: 12px;
background-image: url(../images/chalk.gif);
background-repeat: no-repeat;
height: 300px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}