Как сделать скролл + hover на пункт меню при нажатии на обычную ссылку?

Question

[ishmahorka]

Как сделать, чтобы при нажатии выполнялся скролл к меню, у которого есть пункт, содержащий в выпадающем меню подпункты. Выпадающее меню по умолчанию появляется при :hover на родительский пункт главного меню , но каким-либо образом, нужно выполнить hover на нажатием на ссылку .
Благодарю за помощь, надеюсь, объяснил понятно.

Comments

[historydev]

Гуглите html якоря

[ishmahorka]

Владимир, Про якоря знаю. Когда задаю якорную ссылку на элемент меню, меня просто перебрасывает к меню. Необходимо, в свою очередь, чтобы открывалось выпадающее меню

[historydev]

ishmahorka, так закрепите якорь и прицепите обработчик клика, при клике срабатывает якорь и ваша функция

Answer 1

[DmitrijP]

Для ссылок поглуглите "html анкерные ссылки".

Comments

[Aleksandr Ataakgayev]

АнкОрные (anchor refs) или же якорные ссылки.

[ishmahorka]

Про якоря знаю. Когда задаю якорную ссылку на элемент меню, меня просто перебрасывает к меню. Необходимо, в свою очередь, чтобы открывалось выпадающее меню

[ishmahorka]

Aleksandr Ataakgayev, Про якоря знаю. Когда задаю якорную ссылку на элемент меню, меня просто перебрасывает к меню. Необходимо, в свою очередь, чтобы открывалось выпадающее меню

Answer 2

[Игорь]

// плавный скролл
    
    var $page = $('html, body');
    $('a[href*="#"]').click(function() {
        $page.animate({
            scrollTop: $($.attr(this, 'href')).offset().top
        }, 400);
        return false;
    });

<ul id="menu1">
    <li>menu 1</li>
    <li>menu 2</li>
    <li>menu 3</li>
    <li>menu 4</li>
    <li>menu 5</li>
</ul>

<a href="#menu1" >button</a>

при клике переходим к пункту меню который нужно раскрыть, и добовляем ему некий класс
для этого класса добавляем такие же свойства как и для класса с :hover