I want to have a hidden div on the page with the elements of a SimpleModal dialogue, but when I set the CSS visibility to hidden and fire the modal, it is empty.
How can I use a DIV in this fashion without making it visible on the page?
Share
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I want to have a hidden div on the page with the elements of a SimpleModal dialogue, but when I set the CSS visibility to hidden and fire the modal, it is empty.
How can I use a DIV in this fashion without making it visible on the page?
Instead of
visibility: hidden;what you want isdisplay: none;. Most jQuery plugins work offdisplayinstead ofvisibility(even more core jQuery functions related to showing/hiding do this).SimpleModal (and every other jQuery modal I know off) will reverse
display: nonewhen they show the modal…they’re actually expecting this 🙂