CODEWITHSUNDEEP
htmlcsssidebar
Phoenix_uy
Phoenix_uy

Reputation: 3294

Set sidebar like google FAQ

i have a question about html and css. How can i make a sidebar like the one in Google FAQ page? I mean, the sidebar that when you put the cursor over, an arrow appears and if you move the cursor, the arrow moves with it.

I hope you can help me, thanks!

Upvotes: 0

Views: 354

Answers (1)

Marco Berrocal
Marco Berrocal

Reputation: 362

From the looks of it, they are listening for an event (in this case when div#gd-collapsible is hovered over) and the class "hover" is added to it.

So you have that #gd-collapsible is about 3 pixels wide and and on hover, the class "hover" is added which has 1px border solid on left and right, and that's about it really.

You can do this via jQuery, just make sure you style the div#gd-collapsible in a way that it's height equals the one from the right side bar.

Upvotes: 1

Related Questions