Hide and Show Div? Help!

[fandangomg]

Hello!

I’m building a website for a customer (link below) and I need help from the experts.
http://fandangomediagroup.com/Edthena2/new_edthena7.html

I want to make the “Contact us” div clickable instead of having the current hover effect. I would lke for it to have the plus and minus button, so the user can easily open and close the contact section. Something similar to the side tabe on this website: http://www.olark.com (labeled “Get help here).

Can anyone help me?

[JoshGreen]

you need to do it with javascript and jquery.

$(document).ready(function() {

// Contact Tag Show

$('#contact').click(function(){

var w = $(this).outerWidth();

$(this).animate({ bottom: -w}, 200,

function(){

$('#contact-expanded').animate({bottom:0}, 200);

});

return false;

});

// Contact Tag Hide

$('#btn-close').click(function(){

$('#contact-expanded').animate({bottom: -500}, 200,

function(){

$('#contact').animate({bottom: 0}, 200);

$('.h').fadeIn('fast');

});

return false;

});





});

Something like that should do the trick

[fandangomg]

Thank you for your time, Josh, but I’m not having much luck. I sent you a direct message.

[Author]

Posts