0

だから、私が行っている効果は次のとおりです。

http://jsfiddle.net/SCKhf/428/

これはまさに私が望むように機能します。ただし、単純なリンクされた単語をアニメーション メニューに置き換えたいと考えています。

私のコーディングは現在次のようになっています：

http://jsfiddle.net/M8UgQ/4/

divが表示されません！JavaScript は div の呼び出しと同じです。JavaScript コーディングの唯一の違いは、ホバー アニメーションの追加です。

var open = $('.open'),
a = $('ul').find('a');

console.log(a.hasClass('active'));

open.click(function(e){
    e.preventDefault();
    var $this = $(this),
        speed = 500;
    if($this.hasClass('active') === true) {
        $this.removeClass('active').next('.box').slideUp(speed);
    } else if(a.hasClass('active') === false) {
        $this.addClass('active').next('.box').slideDown(speed);
    } else {
        a.removeClass('active').next('.box').slideUp(speed);
        $this.addClass('active').next('.box').delay(speed).slideDown(speed);
    }
});

ここでサポートをいただければ幸いです。

4

1 に答える 1

0

HTML を変更すると、next('.box')関数が機能しなくなりました。 セレクターに一致するnext('.box')次の兄弟 (この場合はクリックされたタグ) を検索します。<a>ボックスはもはや兄弟ではないため、関数は要素を検出しません。

ボックスに変更next('.box')しまし.parent().parent().find('.box')たが、希望どおりに動作するようです: http://jsfiddle.net/M8UgQ/7/

于 2013-07-15T17:58:12.313 に答える