Блог

В настоящее время я разрабатываю веб-сайт, который должен быть разделен на три основных раздела. Для этого я хотел бы использовать большое меню, подобное тому, что на изображении ниже. Когда пользователь наводит курсор на одно из трех полей, оно должно расшириться, чтобы показать дополнительную информацию о разделе и так далее.

Я думаю, что я уже видел что-то подобное на каком-то веб-сайте, но я не могу вспомнить где. Как вы думаете, есть ли какой-нибудь плагин jQuery, который я мог бы использовать для этого?

Существует плагин jquery под названием kwicks

Пример

Источник

Аккордеон jquery будет делать именно то, что вы хотите сделать. Ссылка здесь: Jquery Accordion

Недавно я сделал что-то похожее на это. Хотя я не смог найти плагин, который делал бы именно то, что я хотел, было довольно легко создать свой собственный, используя функцию animate. В принципе, при наведении курсора мыши на событие вам понадобится что-то вроде этого:

 var expandedWidth = 300;
var collapsedWidth = 100;
var duration = 400;

$(this).animate({ width: expandedWidth }, duration );
  

и при наведении курсора мыши выводится что-то вроде этого:

 $(this).animate({ width: collapsedWidth }, duration );