2012-03-31 174 views
0

我尝试显示和隐藏的点击,但一些div的心不是要去逢jQuery的显示隐藏

有人可以看看this

我想是:

  • 当人们到达在页面上他们看到第一个“新闻”div的内容

  • 当点击其他锚时,他们会看到相应的内容o F中的前一

  • 风格追加到主动锚链接

找遍整个这个网站,和良好的结果是小提琴

有人可以帮我这个

+1

和你有什么问题?点击时隐藏元素似乎很好... – 2012-03-31 16:28:34

+0

只需在开始时设置第二个和第三个新闻div以显示:none; – 2012-03-31 16:32:50

回答

3

所以你想隐藏除第一个之外的所有.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'); 
}); 
+0

非常感谢你,你帮我解决了 – Jeroen 2012-03-31 16:40:35

+0

没问题,很高兴帮助你。 – Alex 2012-03-31 16:41:22