jQuery隐藏和显示问题，如图，我只要显示一个DIV，别的DIV都必须隐藏，求代码，感谢！！

下拉列表的四个div绑定相同的class和不同的id，点击事件时绑定class实现所有div关闭，然后通过绑定唯一的id输出该下拉菜单,刚刚在本机写了一下代码，用上述方法实现的，个人感觉还有其他更方便的方法可以实现，先上代码

html：

销售


客服


人力


行政

jquery：

$(document).ready
(
function()
{
$('#sale').click
(
function()
{
$(".sub").hide();
$("#sub_sale").slideDown('slow');
}
);
$('#serve').click
(
function()
{
$(".sub").hide();
$("#sub_serve").slideDown('slow');
}
);
$('#hr').click
(
function()
{
$(".sub").hide();
$("#sub_hr").slideDown('slow');
}
);
$('#gov').click
(
function()
{
$(".sub").hide();
$("#sub_gov").slideDown('slow');
}
);
}
);

记得要添加jquery文件，css直接写在html中，显得有些凌乱，见谅，看清楚id和class名就行了，回头继续优化和改善方法，有进展继续讨论，相互学习了！

都用同一个class，点击时先遍历这个class的元素全部隐藏，然后显示点击的元素

可以这样做
$(".class").each(function(index){
if(index==$(this).index()){ //这是判断你是不是当前点击的元素
//显示当前

$(this).show();

}else{
$(".class:neq("+neq+")").hide(); //隐藏其它的，这个地方我没测试过，反正意思就是隐藏所有索引不等于当前点击的值的元素，如果我的写法有误，你自己查一下帮助手册，按我这思路应该没什么问题的，很容易解决

}

})

这是jQuery手风琴特效，实例：http://www.jsfoot.com/jquery/accordion/