单击链接时显示和隐藏多个div
所以情况是这样的：
我有几个链接，每个链接都有一个隐藏的div，需要在用户单击特定链接时显示。 当然，来自另一个链接的已经可见的div需要隐藏在同一个操作中。 默认情况下隐藏所有div。 我认为最简单的方法是将一个id激活的id分配给被点击链接的子div，然后show（）#active，之后每次点击另一个div我会隐藏#active id，再将它分配给另一个div然后显示id。 是否可能以及代码如何？ 是的我是Jquery新手。 html代码如下：
这样的事情怎么样？
$(".nav a").on("click", function(e) { var div = $(this).siblings(".navLinks").toggle(); $(".navLinks").not(div).hide(); e.preventDefault(); });
演示： http ： //jsfiddle.net/4ncew/1/
这应该做你需要的：
$(document).ready(function(){ $('.nav ul li a').click(function(){ $('.navLinks').css('display','none'); $(this).siblings('.navLinks').css('display','block'); }); });
这是一个jsfiddle供您测试它： http ： //jsfiddle.net/2H4zD/3/
试试这个， Demo
$('.nav li a').click(function (){ $('.navLinks').css('display', 'none'); $(this).next().css('display', 'block'); });
我已经粘贴在这里，亲自试试： http ： //jsfiddle.net/Y97F8/
这是执行它的代码：
jQuery(function(){ //hide all first jQuery(".navLinks").hide(); //hide others jQuery(".nav ul li a").each(function(i) { jQuery(".nav ul li a").eq(i).click(function() { jQuery(".navLinks").hide(); //hide others jQuery(".nav ul li a").eq(i).next().show(); //show the div at the specified index }); }); });