jquery 显示隐藏答案

【问题标题】：jquery show hidejquery 显示隐藏
【发布时间】：2012-04-15 00:06:02
【问题描述】：

我尝试在点击时显示和隐藏 div，但有些事情并不顺利

有人可以看看this

我想要的是：

当人们到达页面时，他们会看到第一个“新闻”div 的内容
当点击其他锚点时，他们会看到相应的内容，而不是之前的内容
将样式附加到活动锚链接

我已经搜索了整个网站，结果在 Fiddle 中

谁能帮我解决这个问题

【问题讨论】：

你有什么问题？在点击时隐藏元素似乎效果很好......
只需将开头的第二个和第三个新闻div设置为显示：无；

标签： jquery html hide show

【解决方案1】：

所以你想隐藏除第一个之外的所有.news？

http://jsfiddle.net/R4ng5/13/

$(".news:not(:first)").hide();

如果你想设置活动链接的样式： http://jsfiddle.net/R4ng5/14/

$(list).children('li:first').children('a').addClass('active');
$('#sidebar a').click(function() {
    var i = $('#sidebar a').index($(this));
    $('.news').hide();
    $(".news:eq(" + i + ")").show();
    $('#sidebar a').removeClass('active');
    $(this).addClass('active');
});

【讨论】：