Установить боковую панель как Google FAQ

Question

У меня есть вопрос о HTML и CSS. Как создать боковую панель, подобную той, что есть на странице часто задаваемых вопросов Google ? Я имею в виду боковую панель, на которой при наведении курсора появляется стрелка, и если вы перемещаете курсор, стрелка перемещается вместе с ней.

Надеюсь, вы мне поможете, спасибо!

Answer 1

Судя по всему, они прослушивают событие (в этом случае, когда div # gd-collapsible наведен) и к нему добавлен класс "hover".

Итак, у вас есть # gd-collapsible шириной около 3 пикселей, и при наведении курсора добавляется класс "hover", который имеет 1px границу сплошной слева и справа, и это действительно так.

Вы можете сделать это через jQuery, просто убедитесь, что вы используете div # gd-collapsible так, чтобы его высота равнялась высоте правой боковой панели.