三居与四居同处于一个div块中
$ (function ()
{
$ ('ul li').click (function () //获取li的单击击事件
{
$ (this).css ('background', 'rgb(239, 252,243)').siblings ('li').css ('background', 'rgb(248, 248, 248)');
$ (this).children('a').css ('color','rgb(11, 178, 109)');
$ (this).siblings('li').children('a').css ('color','rgb(139, 139, 139)');
});
});//在li的级下修改完颜色，去siblings他的兄弟级下也同时修改了，这样就可以做到互相转化
//子级children的a标签修改了字体颜色还需要回到兄弟级siblings下的子级children也修改，因为li比a的级数高这是下边三行代码的解释，也是比较容易理解，然后快速上手的。有什么不懂的直接提出来，我力所能及的解答。