html点击隐藏当前显示另外,点击显示指定元素隐藏其他同辈元素的方法

//

$(function(){

var $div_li =$("div.tab_menu ul li");

$div_li.click(function(){

$(this).addClass("selected") //当前

元素高亮

.siblings().removeClass("selected"); //去掉其它同辈

元素的高亮

var index = $div_li.index(this); // 获取当前点击的

元素 在 全部li元素中的索引。

$("div.tab_box > div") //选取子节点。不选取子节点的话，会引起错误。如果里面还有div

.eq(index).show() //显示

元素对应的

元素

.siblings().hide(); //隐藏其它几个同辈的

元素

}).hover(function(){

$(this).addClass("hover");

},function(){

$(this).removeClass("hover");

})

})

//]]>

• 时事
• 体育
• 娱乐

时事

体育

娱乐