设置类似google FAQ的侧边栏

Question

我有一个关于html和css的问题。我如何制作一个像Google FAQ page中那样的侧边栏？我的意思是，侧边栏，当你把光标放在上面时，会出现一个箭头，如果你移动光标，箭头也会随之移动。

我希望你能帮助我，谢谢！

Answer 1

从外观上看，它们正在侦听一个事件(在本例中，当div#gd-collapsible悬停在上面时)，并且类"hover“被添加到它上面。

所以你有#gd-collapsible大约3个像素宽，在悬停时，添加了类" hover“，它在左右两边都有1px的实心边框，就是这样。

你可以通过jQuery来做到这一点，只要确保你设计的div#gd-collapsible的样式与右边栏的高度相等即可。