Comments on: Contextual Slideout Tips With jQuery & CSS3

By: Donna

Donna — Tue, 31 Jan 2012 18:54:17 +0000

Anyone have a suggestion on how to make this AWESOME tooltip work on a responsive site?
It’s the 2nd one I’ve seen like this and is absolutely perfect for a project I’m working on, but they both rely on fixed anchor points & I need a fluid points for my responsive site.

Thank you!

By: Guest

Guest — Tue, 24 Jan 2012 16:38:41 +0000

GRRRR

the semi quotes should be changed to real semi quotes >>> ‘ <<<

By: Guest

Guest — Tue, 24 Jan 2012 16:37:16 +0000

FYI: the REPLACE tip above works great!

/* $(‘.main p’).replaceWith(function(){ */
$(‘.newOpenerClass’).replaceWith(function(){

Then add: newOpenerClass to anything and it will work. I used DIVs instead of P so I could nest columns etc.

Example

text here

By: Ben

Ben — Thu, 19 Jan 2012 22:23:36 +0000

Nevermind! I figured out what was causing the issue. I added a CSS3 transition effect which is what caused the issue. I’m all good now.

By: Ben

Ben — Thu, 19 Jan 2012 21:53:02 +0000

Hello Martin,

This is a really cool feature and I’m glad you’ve made it available to the public. However, I am having a small issue with it in Safari and Chrome (works fine in Firefox). When I click on each slideout, it moves really fast to a part of the page and then proceeds to open in its original spot. You can see it here: http://greenhomesupplier.com/how-to-be-green. The weird thing is that the one labeled “Structural” (at the top) doesn’t do this. Can you provide any insight as to why this might be happening?

Thanks in advance!

By: Geoff McMahen

Geoff McMahen — Thu, 22 Dec 2011 16:40:50 +0000

This is an incredible tutorial, thanks for sharing!

By: paul

paul — Thu, 15 Dec 2011 10:05:08 +0000

yeah, really amazing, it’s totally the script i need for a project !
good job !

By: Duncan

Duncan — Tue, 06 Dec 2011 11:02:25 +0000

Great stuff – is there a class control that can be added so that by default a specific tooltip is opened?

By: Marc

Marc — Thu, 01 Dec 2011 16:18:04 +0000

very good work – anybody got an idea, how to insert a complete gallery inside the p-tag?

By: Philipp

Philipp — Fri, 31 Dec 2010 12:00:10 +0000

Simply amazing. Great tutorial!