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

Question

请告诉我，为什么在点击锚之后，＃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 link

Answer 1

因为你写了一个错字：

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

应该是：

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

通过使用toggleClass()

，可以更简单地完成

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