{"id":13404142,"url":"https://github.com/stefangabos/Zebra_Tooltips","last_synced_at":"2025-03-14T09:30:39.348Z","repository":{"id":3477831,"uuid":"9733209","full_name":"stefangabos/Zebra_Tooltips","owner":"stefangabos","description":"A lightweight, accessible, and highly configurable jQuery plugin for creating beautiful tooltips","archived":false,"fork":false,"pushed_at":"2024-10-18T06:39:14.000Z","size":2640,"stargazers_count":55,"open_issues_count":3,"forks_count":21,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-10-19T06:17:39.199Z","etag":null,"topics":["javascript","jquery-plugin","tooltip","tooltip-arrow","tooltip-plugin","tooltip-text","tooltips"],"latest_commit_sha":null,"homepage":"https://stefangabos.github.io/Zebra_Tooltips/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/stefangabos.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"github":"stefangabos","patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"custom":null}},"created_at":"2013-04-28T17:11:54.000Z","updated_at":"2024-10-18T06:39:18.000Z","dependencies_parsed_at":"2024-01-16T10:37:17.946Z","dependency_job_id":"dcb3a0a4-7fbe-4adf-8462-a6b39c85a450","html_url":"https://github.com/stefangabos/Zebra_Tooltips","commit_stats":{"total_commits":269,"total_committers":3,"mean_commits":89.66666666666667,"dds":0.03345724907063197,"last_synced_commit":"3a8a56c1a0a6abe8efa8f27e21628fda5dae6fba"},"previous_names":[],"tags_count":41,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stefangabos%2FZebra_Tooltips","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stefangabos%2FZebra_Tooltips/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stefangabos%2FZebra_Tooltips/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/stefangabos%2FZebra_Tooltips/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/stefangabos","download_url":"https://codeload.github.com/stefangabos/Zebra_Tooltips/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221453985,"owners_count":16824573,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","jquery-plugin","tooltip","tooltip-arrow","tooltip-plugin","tooltip-text","tooltips"],"created_at":"2024-07-30T19:01:39.652Z","updated_at":"2024-10-25T19:30:16.225Z","avatar_url":"https://github.com/stefangabos.png","language":"JavaScript","funding_links":["https://github.com/sponsors/stefangabos","https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=K4MP9EBKNTF9E"],"categories":["JavaScript"],"sub_categories":[],"readme":"\u003cimg src=\"https://raw.githubusercontent.com/stefangabos/zebrajs/master/docs/images/logo.png\" alt=\"zebrajs\" align=\"right\"\u003e\n\n# Zebra Tooltips \u0026nbsp;[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=A+lightweight,+accessible,+and+highly+configurable+jQuery+plugin+for+creating+beautiful+tooltips\u0026url=https://github.com/stefangabos/Zebra_Tooltips\u0026via=stefangabos\u0026hashtags=jquery,tooltips,javascript)\n\n*A lightweight, accessible, and highly configurable jQuery plugin for creating beautiful tooltips*\n\n[![npm](https://img.shields.io/npm/v/zebra_tooltips.svg)](https://www.npmjs.com/package/zebra_tooltips) [![Total](https://img.shields.io/npm/dt/zebra_tooltips.svg)](https://www.npmjs.com/package/zebra_tooltips) [![Monthly](https://img.shields.io/npm/dm/zebra_tooltips.svg)](https://www.npmjs.com/package/zebra_tooltips) [![](https://data.jsdelivr.com/v1/package/npm/zebra_tooltips/badge?style=rounded)](https://www.jsdelivr.com/package/npm/zebra_tooltips) [![License](https://img.shields.io/npm/l/zebra_tooltips.svg)](https://github.com/stefangabos/Zebra_Tooltips/blob/master/LICENSE.md)\n\nZebra Tooltips is a lightweight (around 5KB minified, 1.7KB gzipped) and accessible jQuery tooltips plugin for creating smart and visually attractive tooltips, featuring nice transitions, 4 themes, and offering a wide range of configuration options.\n\nBesides the default behavior of tooltips showing when user hovers the element, tooltips may also be shown and hidden programmatically. When shown programmatically, the tooltips feature a \"close\" button and clicking it will be the only way of closing tooltips opened this way. This is useful for drawing users' attention to specific areas of a page (like error messages after validating a form).\n\nTooltips can be aligned left, center or right, relative to the parent element, as well as above or below the parent element. The library detects the browser window's edges and will make sure that the tooltips are *always* in the viewport.\n\nThe tooltips are created using **NO IMAGES** and falls back gracefully for browsers that don't support all the fancy stuff.\n\nWorks in pretty much any browser - Firefox, Chrome, Safari, Edge, Opera and Internet Explorer 6+\n\n[![Screenshot](https://raw.github.com/stefangabos/Zebra_Tooltips/master/examples/screenshot.png)](https://stefangabos.github.io/Zebra_Tooltips/)\n\n## Features\n\n - lightweight - it weights around 5KB minified and 1.7KB gzipped\n - includes 4 themes\n - features nice transitions\n - detects the edges of the browser window and makes sure that the tooltips always stay in the viewport\n - tooltips may be shown and hidden programatically\n - tooltips can be aligned left, center or right, relative to the parent element, as well as above or below the parent element\n - uses **NO IMAGES** and falls back gracefully for browsers that don't support all the fancy stuff\n - works in pretty much any browser - Firefox, Chrome, Safari, Edge, Opera and Internet Explorer 6+\n\n## 🎂 Support the development of this project\n\nYour support means a lot and it keeps me motivated to keep working on open source projects.\u003cbr\u003e\nIf you like this project please ⭐ it by clicking on the star button at the top of the page.\u003cbr\u003e\nIf you are feeling generous, you can buy me a coffee by donating through PayPal, or you can become a sponsor.\u003cbr\u003e\nEither way - **Thank you!** 🎉\n\n[\u003cimg src=\"https://img.shields.io/github/stars/stefangabos/zebra_tooltips?color=green\u0026label=star%20it%20on%20GitHub\" width=\"132\" height=\"20\" alt=\"Star it on GitHub\"\u003e](https://github.com/stefangabos/Zebra_Tooltips) [![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick\u0026hosted_button_id=K4MP9EBKNTF9E) [\u003cimg src=\"https://img.shields.io/badge/-Sponsor-fafbfc?logo=GitHub%20Sponsors\"\u003e](https://github.com/sponsors/stefangabos)\n\n## Demo\n\nSee the [demos](https://stefangabos.github.io/Zebra_Tooltips/)\n\n## Requirements\n\nZebra Tooltips has no dependencies other than jQuery 1.7+\n\n## Installation\n\nZebra Tooltips is available as a [npm package](https://www.npmjs.com/package/zebra_tooltips). To install it use:\n\n```bash\n# the \"--save\" argument adds the plugin as a dependency in packages.json\nnpm install zebra_tooltips --save\n```\n\n## How to use\n\nFirst, load jQuery from a CDN and provide a fallback to a local source like:\n\n```html\n\u003cscript src=\"https://code.jquery.com/jquery-3.5.0.min.js\"\u003e\u003c/script\u003e\n\u003cscript\u003ewindow.jQuery || document.write('\u003cscript src=\"path/to/jquery-3.5.0.js\"\u003e\u003c\\/script\u003e')\u003c/script\u003e\n```\n\nLoad the Zebra Tooltips jQuery plugin\n\n```html\n\u003cscript src=\"path/to/zebra_tooltips.min.js\"\u003e\u003c/script\u003e\n```\n\nAlternatively, you can load Zebra Tooltips from [JSDelivr CDN](https://www.jsdelivr.com/package/npm/zebra_tooltips) like this:\n\n```html\n\u003c!-- for the most recent version, not recommended in production --\u003e\n\u003cscript\n  src=\"https://cdn.jsdelivr.net/npm/zebra_tooltips@latest/dist/zebra_tooltips.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- for a specific version --\u003e\n\u003cscript\n  src=\"https://cdn.jsdelivr.net/npm/zebra_tooltips@2.1.0/dist/zebra_tooltips.min.js\"\u003e\u003c/script\u003e\n\n\u003c!-- replacing \"min\" with \"src\" will serve you the non-compressed version --\u003e\n```\n\nLoad one the plugin's theme\n\n```html\n\u003clink rel=\"stylesheet\" href=\"path/to/zebra_tooltips.min.css\"\u003e\n```\n\n...or from [JSDelivr CDN](https://www.jsdelivr.com/package/npm/zebra_tooltips)\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdn.jsdelivr.net/npm/zebra_tooltips@2.1.0/dist/css/default/zebra_tooltips.min.css\"\u003e\n\n\u003c!-- replacing \"min\" with \"src\" will serve you the non-compressed version --\u003e\n```\n\nNow, within the DOM-ready event do\n\n```javascript\n$(document).ready(function() {\n\n    // show tooltips for any element that has a class named \"tooltips\"\n    // the content of the tooltip will be taken from the element's \"title\" attribute\n    new $.Zebra_Tooltips($('.tooltips'));\n\n});\n```\n\n## Configuration options\n\n## Properties\n\n\u003e All parameters are optional.\n\n*Note that any of the properties below may also be set via data attributes. To do this you have prefix the name of the property you want to set with `data-ztt_`.*\n\n\u003ctable width=\"100%\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n        \u003cth\u003eProperty\u003c/th\u003e\n        \u003cth\u003eType\u003c/th\u003e\n        \u003cth\u003eDefault\u003c/th\u003e\n        \u003cth\u003eDescription\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eanimation_speed\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003einteger\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e250\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\n            The speed (in milliseconds) of the animation used to show/hide tooltips.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eanimation_offset\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003einteger\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e20\u003c/td\u003e\n        \u003ctd\u003e\n            The number of pixels the tooltips should use to slide into position.\u003cbr\u003e\n            Set to \u003ccode\u003e0\u003c/code\u003e for no sliding.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eclose_on_click\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003eboolean\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003eTRUE\u003c/td\u003e\n        \u003ctd\u003e\n            By default, if the users clicks when over a tooltip, the tooltip will close (if the tooltip was not open programatically, that is).\u003cbr\u003e\n            Set this property to \u003ccode\u003eFALSE\u003c/code\u003e to prevent this behavior.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003econtent\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003estring\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\"\"\u003c/td\u003e\n        \u003ctd\u003e\n            The content of the tooltip.\u003cbr\u003e\n            By default, the content of the tooltip is taken from the \u003ccode\u003etitle\u003c/code\u003e attribute of the element the tooltip is attached to and has priority over the \u003ccode\u003econtent\u003c/code\u003e property (meaning that if the \u003ccode\u003etitle\u003c/code\u003e attribute is set, the value of this property is ignored).\u003cbr\u003e\n            Use this property to set the content of the tooltip when you can't or don't want to use the \u003ccode\u003etitle\u003c/code\u003e attribute.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003ehide_delay\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003einteger\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e100\u003c/td\u003e\n        \u003ctd\u003e\n            The delay (in milliseconds) after which to hide the tooltip once the mouse moves away from the trigger element or the tooltip.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003ekeep_visible\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003eboolean\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003eTRUE\u003c/td\u003e\n        \u003ctd\u003e\n            Should tooltips remain visible also when the mouse cursor is over the tooltips or should the tooltips be visible strictly when the mouse cursor is over the parent elements?\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003emax_width\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003einteger\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e250\u003c/td\u003e\n        \u003ctd\u003e\n            Maximum width of the tooltip's content\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eopacity\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003efloat\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e0.85\u003c/td\u003e\n        \u003ctd\u003e\n            The tooltip's opacity.\u003cbr\u003e\n            Must be a value between \u003ccode\u003e0\u003c/code\u003e (completely transparent) and \u003ccode\u003e1\u003c/code\u003e (completely opaque)\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eposition\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003estring\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003ecenter\u003c/td\u003e\n        \u003ctd\u003e\n            The tooltip's position, relative to the trigger element.\u003cbr\u003e\n            Can be \u003ccode\u003ecenter\u003c/code\u003e, \u003ccode\u003eleft\u003c/code\u003e or \u003ccode\u003eright\u003c/code\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eprerender\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003eboolean\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003eFALSE\u003c/td\u003e\n        \u003ctd\u003e\n            If set to \u003ccode\u003eTRUE\u003c/code\u003e, tooltips will be created on document load, rather than only when needed.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eshow_delay\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003einteger\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e100\u003c/td\u003e\n        \u003ctd\u003e\n            The delay (in milliseconds) after which to show the tooltip once the mouse is over the trigger element.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003evertical_alignment\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003estring\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003eabove\u003c/td\u003e\n        \u003ctd\u003e\n            By default, tooltips are shown above the elements they are attached to and are shown below only if there isn't enough space above.\u003cbr\u003e\n            Set the value of this property to \u003ccode\u003ebelow\u003c/code\u003e if you want to reverse the default behavior so that tooltips will be shown below the elements they are attached to and will be shown above only there isn't enough space below.\u003cbr\u003e\n            Possible values are \u003ccode\u003eabove\u003c/code\u003e and \u003ccode\u003ebelow\u003c/code\u003e.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003evertical_offset\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\u003cem\u003einteger\u003c/em\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e0\u003c/td\u003e\n        \u003ctd\u003e\n            How close (in pixels) should the tip of the tooltip be relative to the parent element.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Events\n\n\u003ctable width=\"100%\"\u003e\n    \u003cthead\u003e\n    \u003ctr\u003e\n        \u003cth\u003eEvent\u003c/th\u003e\n        \u003cth\u003eDescription\u003c/th\u003e\n    \u003c/tr\u003e\n    \u003c/thead\u003e\n    \u003ctbody\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eonBeforeHide\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\n            Event fired \u003cem\u003ebefore\u003c/em\u003e a tooltip is hidden.\u003cbr\u003e\n            The callback function receives as argument the element the tooltip is attached to, and the tooltip element.\u003cbr\u003e\n            If the callback function returns boolean \u003ccode\u003eFALSE\u003c/code\u003e, the tooltip will not be hidden.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eonHide\u003c/code\u003e\u003c/td\u003e\n        \u003ctd\u003e\n            Event fired \u003cem\u003eafter\u003c/em\u003e a tooltip is hidden.\u003cbr\u003e\n            The callback function receives as argument the element the tooltip is attached to, and the tooltip element.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eonBeforeShow\u003c/code\u003e\u003c/td\u003e\n        \u003ctd valign=\"top\"\u003e\n            Event fired \u003cem\u003ebefore\u003c/em\u003e a tooltip is shown.\u003cbr\u003e\n            The callback function receives as argument the element the tooltip is attached to, and the tooltip element.\u003cbr\u003e\n            If the callback function returns boolean \u003ccode\u003eFALSE\u003c/code\u003e, the tooltip will not be shown.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003ctr\u003e\n        \u003ctd valign=\"top\"\u003e\u003ccode\u003eonShow\u003c/code\u003e\u003c/td\u003e\n        \u003ctd\u003e\n            Event fired \u003cem\u003eafter\u003c/em\u003e a tooltip is shown.\u003cbr\u003e\n            The callback function receives as argument the element the tooltip is attached to, and the tooltip element.\n        \u003c/td\u003e\n    \u003c/tr\u003e\n    \u003c/tbody\u003e\n\u003c/table\u003e\n\n## Methods\n\n### `show(element, [destroy = FALSE])`\n\nShows the tooltip attached to the element or the elements given as argument.\n\nWhen showing a tooltip using this method, the tooltip can only be closed by the user clicking on the \"close\" icon on the tooltip (which is automatically added when using this method) or by calling the hide() method.\u003cbr\u003e\n\n#### Arguments\n\n`element` - an element or a collection of elements for which to show the attached tooltips.\n\n`destroy` - *(optional)* - if set to `TRUE`, once the user clicks the *close* button, the tooltip will be *muted* and will **not** be shown anymore when the user hovers the parent element with the mouse.\n\nIn this case, the tooltip can be shown again only by calling this method.\n\nIf set to `FALSE`, the tooltip will be shown whenever the user hovers the parent element with the mouse, only it will not have the *close* button anymore.\n\nDefault is `FALSE`\n\n```javascript\nvar element = $('#tooltip'),\n    tooltip = new $.Zebra_Tooltips(element);\n\ntooltip.show(element);\n```\n\n### `hide(element, [destroy = FALSE])`\n\nHides the tooltip attached to the element or the elements given as argument.\n\nWhen showing a tooltip using this method, the tooltip can only be closed by the user clicking on the \"close\" icon on the tooltip (which is automatically added when using this method) or by calling the hide() method.\u003cbr\u003e\n\n#### Arguments\n\n`element` - an element or a collection of elements for which to hide the attached tooltips.\n\n`destroy` - *(optional)* - if set to TRUE, once hidden, the tooltip will be *muted* and will **not** be shown anymore when the user hovers the parent element with the mouse.\n\nIn this case, the tooltip can be shown again only by calling the `show()` method.\n\nDefault is FALSE\n\n```javascript\nvar element = $('#tooltip'),\n    tooltip = new $.Zebra_Tooltips(element);\n\ntooltip.hide(element);\n```\n\n## Sponsors\n\nCross browser/device testing is done with\n\n[![BrowserStack](https://github.com/stefangabos/Zebra_Dialog/raw/master/examples/browserstack.png)](https://www.browserstack.com/)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstefangabos%2FZebra_Tooltips","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fstefangabos%2FZebra_Tooltips","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fstefangabos%2FZebra_Tooltips/lists"}