Обход HTML: как скрыть цвет при переходе к другому элементу?

Question

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

Вот ссылка на пример: http://jsfiddle.net/centerwow/9TPtn/10/

HTML код:

<ul>ul1
    <li>1</li>
    <li>2</li>
    <li class="point_me">3</li>
    <li>4</li>
    <li>5</li>
</ul>
<ul>ul2
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<br/>

<div>
    <p id="Pr"><button>Prev</button></p>
    <p id="Ne"><button>next</button></p>
    <p id="Si"><button>siblings</button></p>
    <p id="Ch"><button>children</button></p>
    <p id="Pa"><button>parent</button></p>
</div>

Код CSS:

div, li {
    width:40px; height:40px; margin:10px;
    float:left; border:2px blue solid; 
    padding:2px;
}

ul {
    width:100px; height:10px; margin:10px;
    float:left; border:2px blue solid; 
    padding:2px;
}

span {
    font-size:14px;
}

p {
    clear:left; margin:10px
}​

JQuery код:

var $elm = $(".point_me");
$elm.css("background", "#cac");

$("#Pr").click(function() {
    $elm = $elm.prev();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});

$("#Ne").click(function() {
    $elm = $elm.next();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});

$("#Si").click(function() {
    $elm = $elm.siblings();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});

$("#Pa").click(function() {
    $elm = $elm.parent();
    $("div").css("background", "");
    $elm.css("background", "#cac");
});​

Answer 1

Пожалуйста, опишите ваш вопрос лучше.

Это то, что вы хотели?

http://jsfiddle.net/9TPtn/11/

function resetColor(){
    $('li').css("background","transparent");
}