jquery - jsFiddle - 不能使简单的脚本正确

Question

请告诉我，为什么单击锚点后，“opened”类未附加到#myheader 元素内的第一个子 div？

$('#showhide').click(function(){
    if ( $('#myheader>div').hasClass('opened') ) {
        $('#myheader>div').removeClass('opened');
        //$('#header>div.wrap>div.showme').removeClass('visible');
    } else {
        $('#myheared>div').addClass('opened');

    }
})​

JSFiddle链接

Answer 1

因为你打错了：

$('#myheared>div').addClass('opened');
//       ^^^

应该：

$('#myheader>div').addClass('opened');

不过，它可以通过使用更简单的方式完成toggleClass()

$('#showhide').click(function() {
    $('#myheader > div').toggleClass('opened');
});