设置侧边栏，如谷歌常见问题解答

Question

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

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

Answer 1

从它的外观来看，它们正在监听一个事件（在这种情况下，div＃gd-collapsible悬停在其上）并且类“hover”被添加到它。

所以你知道＃gd-collapsible大约有3个像素宽，并且在悬停时，会添加“hover”类，左边和右边有1px边框实体，这就是它。

你可以通过jQuery做到这一点，只要确保你设置div＃gd-collapsible，它的高度等于右边栏的高度。