Jquery toggle with two elements
Posted
by Jesse
on Stack Overflow
See other posts from Stack Overflow
or by Jesse
Published on 2010-06-09T15:44:00Z
Indexed on
2010/06/09
16:22 UTC
Read the original article
Hit count: 213
I am using a toggle on a graphic to slide out a contact form. The problem is, the contact form can cover up the graphic element on low resolutions. I thought a solution would be to include a "close this" inside the form, that would use the same toggle effect. When I add the close this element to the code, instead of working in tandem with the original graphic element, it starts the chain back over, and slides the contact form even further out.
Site is here: http://www.tritonloyaltysupport.com/status
Code for toggle here:
$(this).html(div_form);
//show / hide function
$('div.contactable').toggle(
function() {
$('#overlay').css({display: 'block'});
$('#contactForm').animate({"marginRight": "-=0px"}, "fast");
$('#contactForm').animate({"marginRight": "+=390px"}, "slow");
},
function() {
$('#contactForm').animate({"marginRight": "-=390px"}, "slow");
$('#overlay').css({display: 'none'});
}
);
© Stack Overflow or respective owner