ItayXD

the code is here.
You can see on line 5 all elements a searched for rel~=tooltip and on line 8 the event is binded. The quick and ugly way would probably be to rerun the whole thing every ajax request. If you implement in a nicer way please post it here.
-Itay

The best way I can think of is a filter on the_content which loops through a dictionary and adds the HTML tags. the dictionary itself will probably be saved in the DB so you probably want an admin interface for that too. That is if you want the whole process to be automatic.
You could probably also enter all the tips to the DB and then just have it autocomplete whenever you start typing, but that would require you to add the tooltip to each instance of the word.
Hope it helps,
Itay

• This reply was modified 6 years, 7 months ago by ItayXD. Reason: typo

a simple fix in hrf-style.php:

.hrf-title.close-faq{
               cursor: pointer;
            }
            .hrf-title.close-faq::before{
               content: "";
               width: 30px;
               height: 30px;
               display: inline-block;
               vertical-align: middle;
/*               position: relative;
               left: 0;
               top: 8px;*/
               margin-right: 12px;
               margin-left: -42px;
               background: '.$bullets_bgcolor.' url('.plugins_url( 'html5-responsive-faq/images/open.png' ).') no-repeat center center;
            }
            }.hrf-title.open-faq{
            
            }
            .hrf-title.open-faq::before{
               content: "";
               width: 30px;
               height: 30px;
               display: inline-block;
               vertical-align: middle;
/*               position: relative;
               left: 0;
               top: 8px;*/
               margin-right: 12px;
               margin-left: -42px;
               background: '.$bullets_bgcolor.' url('.plugins_url( 'html5-responsive-faq/images/close.png' ).') no-repeat center center;
            }
            [dir="rtl"] .hrf-title::before{
               margin-left: 12px;
               margin-right: -42px;
            }

I know it’s been some time, but perhaps it’ll help someone else.
The tooltip does accept html tags, so you can use <a href=|link|>|text|</a> inside the tip without any problem. your problem would be making it clickable as the tooltip closes when you live the text.
you can remove that bind, but make sure I add a way to close it.

Link in down..

Fixed in the latest release

Thank you for reporting I’ll look into it.

Thank you for your comment patrick

Hi there,
If you have any front-end skills try look at the code it’s not very complicated and it is well written, tell me where your stuck.
If you don’t have any coding knowledge I’ll have time to look at it only in a few weeks.
Itay

fixed in new version (1.6.2)

I believe I fixed it, please check version 1.6.1 the scrollTop() was missing from the js.
ItayXD

Thank you, I uploaded version 1.6.1 that suppose to fix it.
please check it out

On that specific page? I see no tooltip there

Too be honest I don’t have much time to work on the plugin these days (As you have probably noticed).
Now that I know that you are a developer I’d be very happy if you can try to work on it and contact me if you succeed. You can send me an email or github pull req. or I can add yu here as a dev so you can enter the changes yourself & continue working on the plugin with me (I can add you to the credits if you wish).
ItayXD

Hi, if this is still relevant I can help you a bit.
What happens is when you click the tooltip it immediately closes so the link beneath it is also clicked. what you can do is just tap anywhere else on the screen to close it.
Unfortunately I don’t have time to work on that issue now.
ItayXD