Сделать активным пункт меню, если открыта вложенная страница?

Question

[Иван Гордиенко]

Доброго дня, есть конструкция -

<ul id="accordion" class="accordion main__navigation_items">
        <li>
            <div class="link">Дмитрий Хворостовский</div>
                <ul class="submenu">
                    <li>
                        <a href="/index#page3" style="color: #111;">Краткая биография</a>
                    </li>
                    <li>
                        <a href="/index#page7">О Красноярске</a>
                    </li>
                </ul>
            </div>
        </li>
        <li>
            <div class="link">Фестиваль</div>
            <ul class="submenu">
                <li>
                    <a href="/festival">О фестивале</a>
                </li>
                <li>
                    <a href="">Программа</a>
                </li>
                <li>
                    <a href=/artists>Артисты</a>
                </li>
                <li>
                    <a href="">Коллективы</a>
                </li>
            </ul>
        </li>
        <li>
            <div class="link">Конкурс</div>
            <ul class="submenu" style="color: #fff">
                <li>
                    <a href="/competition">О конкурсе</a>
                </li>
                <li>
                    <a>Программа</a>
                </li>
                <li>
                    <a>Документы</a>
                </li>
                <li>
                    <a style="color: #111; cursor: default;">Подать заявку</a>
                </li>
                <li>
                    <a>Жюри</a>
                </li>
            </ul>
        </li>
        <li>
            <div class="link">Новости</div>
            <ul class="submenu" style="color: #fff">
                <li>
                    <a href="">Блок новостей</a>
                </li>
            </ul>
        </li>
    </ul>

Требуется, чтобы пункт меню был активным, допустим я нахожусь в разделе Дмитрий Хворостовский и открыта страница ""/index#page7", то есть вложенный пункт подменю и Дмитрий Хворостовский должно иметь подчеркивание. То есть если открыта страница из подменю, активным становится сам пункт меню. Заранее спасибо.

Comments

[fix0_o]

Если скинешь CSS стили сделаю пример.

[Иван Гордиенко]

Стили данного куска?

Answer 1

[fix0_o]

Разбераешь url и стилизуешь родительский блок div и ссылку.

javascript

Разберём адрес: http://realadmin.ru/saytostroy/?page=4#top

document.location.href	        http://realadmin.ru/saytostroy/?page=4#top
document.location.protocol	http:
document.location.host	        realadmin.ru
document.location.pathname	/saytostroy/
document.location.search	?page=4
document.location.hash	        #top