Как изменить свойства соседнего элемента?

Question

[Александр Чибиляев]

Есть кусок кода:

<ul>
    <li>
        <a href="local.local/1">Главная</a>
    </li>
    <li>
        <a href="local.local/about" >Обо мне</a>
        <ul>
            <li>
                <a href="local.local/about/books">Книги</a>
            </li>
            <li>
                <a href="local.local/about/about">Обо мне</a>
            </li>
        </ul>
    </li>
    <li>
        <a href="local.local/new" >Новости</a>
        <ul>
            <li>
                <a href="local.local/news/books">Книги</a>
            </li>
            <li>
                <a href="local.local/news/about">Обо мне</a>
            </li>
        </ul>
    </li>
</ul>

Вопрос:
Как с помощью JS/JQ при клике на
<a href="local.local/about">Обо мне</a>или
<a href="local.local/new" >Новости</a>

менять css значение для последующего ul на background:red;
Подставлять значения в HTML можно только с помощью JS/JQ

Answer 1

[Дмитрий Новиков]

$("a").click(function(){
$(this).next().css('background', 'red');
});

Comments

[Александр Чибиляев]

Спасибо, элементарно и просто))