Comments on: Contextual Slideout Tips With jQuery & CSS3

By: Joe

Joe — Fri, 27 Apr 2012 14:39:19 +0000

Hi, this is a great tutorial, but when I try it in IE 9 it just freezes when opening a box.

I can click on one box to open, but no content fills them, and everything freezes within that browser window after. I have to refresh the page to click on anything else.

Are there any known issues with IE, or perhaps this is a local issue with my computer?

By: Julie

Julie — Wed, 18 Apr 2012 20:54:43 +0000

This is really cool. Thanks for taking the time to explain each step. Was looking all day for something like this!!

By: YODA

YODA — Thu, 15 Mar 2012 09:04:30 +0000

your tutorial works wonders for me! is there anyway I can get one slideout to be shown on load instead of having them all closed on load?

Thank you.

By: Trent

Trent — Wed, 07 Mar 2012 14:02:49 +0000

Is there a wordpress plugin for this?

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!