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');

    }
})​

JSFミドルリンク

Answer 1

あなたがタイプミスをしたので：

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

次のようにする必要があります。

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

ただし、使用することにより、より簡単な方法で行うことができますtoggleClass()

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