[eluser]elaniobro[/eluser]
jQuery:
Code:
[removed]
$(document).ready(function()
{
$('#submit').click(function()
{
var contact_data =
{
fullName: $('#fullName').val(),
email: $('#email').val(),
subject: $('#subject').val(),
message: $('#message').val(),
ajax: '1'
};
$.ajax({
url: "<?php echo site_url('email/send');?>",
type: 'POST',
data: contact_data,
success: function(msg){
$('#contact-container').html(msg);
}
});
return false;
});
var $contactLink = $("#contactLink");
var $contactBox = $("#contact-container");
var $qrLink = $("#qrLink");
var $qrBox = $("#qr-container");
var $qrBack = $("#qrBack");
var $contactBack = $("#contactBack");
$contactBox.css("display","none");
$qrBox.css("display","none");
$contactLink.toggle(
function()
{
if($contactBox.css("display","none")){
$contactBox.css("display","inherit");
}
$contactBox.css("display","inherit");
$qrBox.css("display","none");
$contactBox.animate({marginTop:'-=378px'},400);
$("#footer").css("overflow","visible");
$("#contact-form").css("visibility","visible");
},
function()
{
$("#footer").css("overflow","hidden")
$("#contact-form").css("visibility","hidden");
$contactBox.animate({marginTop:'0px'},400);
});
$qrLink.toggle(
function()
{
if($qrBox.css("display","none"))
{
$qrBox.css("display","inherit");
}
$qrBox.css("display","visible");
$contactBox.css("display","none");
$qrBox.animate({marginTop:'-=378px'},400);
$("#footer").css("overflow","visible");
$("#contact-qr").css("visibility","visible");
},
function()
{
$("#footer").css("overflow","hidden")
$("#contact-qr").css("visibility","hidden");
$qrBox.animate({marginTop:'0px'},400);
});
$qrBack.click(
function()
{
$qrBox.animate({marginTop:'0px'},400);
$qrBox.css("display","none");
return false;
});
$contactBack.click(
function()
{
$contactBox.animate({marginTop:'0px'},400);
$contactBox.css("display","none");
return false;
});
});
[removed]