javascript - 更改用于修改 div 显示/隐藏的链接的背景颜色

Question

我有一个导航列表:

<ul>
<li><a href="#home">Home</a></li>
<li><a href="#contact">Contact Me</a></li>
</ul>

单击“主页”或“联系人”时，会隐藏或显示相应的 div。

<script>

$("#tabs a").click(function(e){
    e.preventDefault();
    $(".toggle").hide();
    var toShow = $(this).attr('href');
    $(toShow).show();
});

</script>

<div id="home" class="toggle" style="display:none"> This is the Home page.</div>

问题

如何在显示相应的div时使导航列表中单词的背景不同？

例如当显示 div“home”时，导航栏中的“Home”一词具有蓝色背景。

Answer 1

一个例子:

$('ul a').click(function() {
    $(this).closest('ul').find('a').css('background-color', '');

    $(this).css('background-color', 'red')
    return false;
});​

A DEMO