Displaying tooltip on page load with ability to close tooltip, and mouseover a DIV to display it otherwise

Posted on 2012-09-10
Last Modified: 2012-09-11
Hi Everyone,

I am not really great with scripting jQuery, but am hoping someone could help me with this complex effect I am looking to employ.

I am looking for a tooltip to pop up over a DIV on page load. This tooltip would have a close word on it so that a user can close it manually.

Once the tooltip is closed, I would like to see it pop up again if the user mouses over that DIV....

I am really hoping this kind of effect is possible.

Thank you very much for your kind time and generosity with your knowledge!
Question by:CFbubu
    LVL 14

    Accepted Solution

    i hope this will suite ur needs:

    You can try displaying the tooltip on page load by manually triggering the mousehover effect, thus the tooltip may be made visible.


    Author Comment

    Hi dejaanbu,


    Author Closing Comment

    Thank you for your excellent guide.
    LVL 14

    Expert Comment

    You're Welcome!

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
    Recently while working on a project I got a very annoying cfdocument has no body error message. I had never seen this error before. So I checked the code. The code was pretty simple; it was Just showing me the cfdocumnt tag and inside that tag a …
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now