: Show/Hide Div - Cross browser compatibility and jquery concerns I'm working on displaying a hidden div when clicked on for a website. This would be a contact for to request more information
I'm working on displaying a hidden div when clicked on for a website. This would be a contact for to request more information about a product, so, its a very important form.
So, i came across the following (demo) papermashup.com/demos/jquery-show-hide-plugin/
(Code) - papermashup.com/jquery-show-hide-plugin/
Which works great, and uses jquery. With a couple of modifications would be a perfect fit for the application I'm working at.
There's only one problem: On Safari (argh!), the animation looks choppy.
So I have 2 questions:
1 - For the more experienced webmasters, is it a good practice to use java script to display such and important part of this website? Could I run into problems? I know that java script could be disabled, but is that even realistic? Should I perhaps find a different solution?
2 - Is there a way to improve the animation so it works better on Safari, or should I just go a different route?
More posts by @Vandalay111
1 Comments
Sorted by latest first Latest Oldest Best
If a form is very important then the best practice is not to hide it all. Don't make your users think, don't make them work to give you the important information you need to keep the interaction going. Not hiding it removes the need for the animation so it's two birds with one stone.
If you simply must hide it, I would not use sliding panels per the demo. Instead, I would look into creating a modal overlay with JQuery that could be summoned in a variety of ways (onclick, timed, etc).
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.