We help IT Professionals succeed at work.
Get Started

Jquery: Show/Hide div in close relation to button...

Slim81 asked
Last Modified: 2012-08-14
Hey guys and gals,
What I am trying to achieve will require some 'pixel perfect' positioning, which always makes me pull my hair out.

What I want to do is have the ability to display small contact form when a button is clicked.  The pixel perfect positioning is because I want the button to appear as if it is inside of the 'contact div' once it is visible on the screen.

I was able to come up with a working example.  I figured it was good to get the height of the items 'dynamically' with Jquery as I believe there are small differences with various browsers that would make my hard coded values not work well.

Here is an example on jsFiddle: http://jsfiddle.net/vHvrW/3/
You can find my code on there as well...

I was able to get it to work in a generic sense, however I am wondering if I am doing it the "right way"...  Is there a better way to do this?

Watch Question
Owner (Aidellio)
Most Valuable Expert 2015
This problem has been solved!
Unlock 1 Answer and 11 Comments.
See Answer
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE