jquery - 如何选择特定 id 下的特定类？

Question

http://jsfiddle.net/d4NxZ/1/

这是我的代码。我想在单击按钮时更改右框架中的上下文。但是这些代码行似乎不起作用。我认为这是因为选择器，我尝试了不同的选择器但没有用。

$('#web-dash').click(function(){
    $(".graphs-dash>div:visible").slideUp('1000', function() {
        $("#whole .websitestats").slideDown('1000');
        $('#pie').hide();
        $('#toShow').val("1");
    });
})

$('#skill-dash').click(function(){
    $(".graphs-dash>div:visible").slideUp('1000', function() {
        $("#whole .skill").slideDown('1000');
        $('#pie').hide();
        $('#toShow').val("1");
    });
})

如何选择 #whole .skill 和 #whole .websitestats？我在谷歌上搜索了选择器，但无法解决问题。

Answer 1

不知道我是否理解正确你的问题。

$("#whole .websitestats").slideDown('1000');

即使在执行上面的代码之后，.websitestats 也是不可见的。这是你的问题吗？

$("#whole .websitestats") 和 $("#whole .skill") 正确匹配各自的元素。但是，在 #whole div 中添加了 display:none 属性。由于父 div 不可见，子元素也不可见。

尝试

$("#whole").show().find(".skill").slideDown('1000');